Irsath Kareem Mikkareem
Mikkareem
/ CompositingStrategyOffscreenTest.kt
Last active
October 27, 2023 11:16
An example of how to use BlendMode.Clear in Jetpack Compose Canvas
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @Preview | |
| @Composable | |
| fun CompositingStrategyOffScreenExample() { | |
| Box( | |
| modifier = Modifier | |
| .size(400.dp) | |
| .background(color = Color.Magenta) | |
| .padding(24.dp) | |
| .graphicsLayer { | |
| compositingStrategy = CompositingStrategy.Offscreen |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @Preview | |
| @Composable | |
| private fun GlassyImage() { | |
| Box( | |
| modifier = Modifier, | |
| contentAlignment = Alignment.Center | |
| ) { | |
| Image( | |
| painter = painterResource(id = R.drawable.sample_profile1), | |
| contentDescription = null, |
Mikkareem
/ WateryText.kt
Created
October 29, 2023 10:47
Water Color filled on the text using blendmodes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import androidx.compose.animation.core.Animatable | |
| import androidx.compose.animation.core.CubicBezierEasing | |
| import androidx.compose.animation.core.tween | |
| import androidx.compose.foundation.Canvas | |
| import androidx.compose.foundation.background | |
| import androidx.compose.foundation.layout.Box | |
| import androidx.compose.foundation.layout.fillMaxSize | |
| import androidx.compose.foundation.layout.size | |
| import androidx.compose.material3.LocalTextStyle |
Mikkareem
/ CustomShadowModifier.kt
Created
October 29, 2023 14:18
The Custom Modifier for Box/Drop Shadows in Jetpack Compose
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import android.graphics.BlurMaskFilter | |
| import androidx.compose.foundation.background | |
| import androidx.compose.foundation.layout.Box | |
| import androidx.compose.foundation.layout.size | |
| import androidx.compose.material3.Text | |
| import androidx.compose.runtime.Composable | |
| import androidx.compose.ui.Alignment | |
| import androidx.compose.ui.Modifier | |
| import androidx.compose.ui.draw.drawBehind | |
| import androidx.compose.ui.graphics.Color |
Mikkareem
/ AnimatedGoButton.kt
Created
October 30, 2023 04:43
Animated Go Button Clone from Twitter Website
Mikkareem
/ AnimatedGoButtonWithoutRotation.kt
Created
October 30, 2023 11:01
Animated Go Button Without Rotation in Jetpack Compose
Mikkareem
/ OptionsPicker.kt
Last active
November 15, 2023 13:57
Options Picker/Selector using Jecpack Compose in Android.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import androidx.compose.foundation.background | |
| import androidx.compose.foundation.clickable | |
| import androidx.compose.foundation.layout.Arrangement | |
| import androidx.compose.foundation.layout.Box | |
| import androidx.compose.foundation.layout.Column | |
| import androidx.compose.foundation.layout.Row | |
| import androidx.compose.foundation.layout.Spacer | |
| import androidx.compose.foundation.layout.fillMaxSize | |
| import androidx.compose.foundation.layout.fillMaxWidth | |
| import androidx.compose.foundation.layout.heightIn |
Mikkareem
/ ODatePicker.kt
Created
November 16, 2023 13:21
Custom Date Picker using Jetpack Compose in Android
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import android.os.Build | |
| import androidx.annotation.RequiresApi | |
| import androidx.compose.foundation.background | |
| import androidx.compose.foundation.clickable | |
| import androidx.compose.foundation.layout.Arrangement | |
| import androidx.compose.foundation.layout.Box | |
| import androidx.compose.foundation.layout.Column | |
| import androidx.compose.foundation.layout.Row | |
| import androidx.compose.foundation.layout.Spacer | |
| import androidx.compose.foundation.layout.fillMaxSize |
Mikkareem
/ FireworkEffect.kt
Created
November 25, 2023 09:01
Firework Effect in Jetpack Compose Android
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import androidx.compose.foundation.Canvas | |
| import androidx.compose.foundation.background | |
| import androidx.compose.foundation.layout.fillMaxSize | |
| import androidx.compose.runtime.Composable | |
| import androidx.compose.runtime.LaunchedEffect | |
| import androidx.compose.runtime.getValue | |
| import androidx.compose.runtime.mutableStateListOf | |
| import androidx.compose.runtime.mutableStateOf | |
| import androidx.compose.runtime.remember | |
| import androidx.compose.runtime.setValue |
Mikkareem
/ DeckCardsRevealingAnimation.kt
Created
November 25, 2023 14:33
Deck Of Cards Revealing Animation using Jetpack Compose in Android
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import androidx.compose.animation.core.Animatable | |
| import androidx.compose.animation.core.RepeatMode | |
| import androidx.compose.animation.core.infiniteRepeatable | |
| import androidx.compose.animation.core.tween | |
| import androidx.compose.foundation.Canvas | |
| import androidx.compose.foundation.background | |
| import androidx.compose.foundation.border | |
| import androidx.compose.foundation.layout.Box | |
| import androidx.compose.foundation.layout.fillMaxWidth | |
| import androidx.compose.foundation.layout.height |
OlderNewer