Compare commits

...

4 commits

Author SHA1 Message Date
Relive077 53b374862c
Merge 4596e7b5dc into 38855d4e64 2024-02-21 10:29:47 -07:00
skydoves 38855d4e64
Merge branch 'main' of https://github.com/skydoves/android-developer-roadmap 2024-02-22 00:33:49 +09:00
skydoves 960f7e876b
Use ZoomableAsyncImage for zoomable subsampling 2024-02-22 00:33:42 +09:00
Relive077 4596e7b5dc Create android_developer_roadmap.png 2021-12-04 01:50:46 +05:30
4 changed files with 10 additions and 28 deletions

View file

@ -51,5 +51,5 @@ dependencies {
implementation "com.github.skydoves:landscapist-coil:$landscapist_version"
implementation "com.github.skydoves:landscapist-placeholder:$landscapist_version"
implementation "me.saket.telephoto:zoomable:0.6.2"
implementation "me.saket.telephoto:zoomable-image-coil:0.8.0"
}

View file

@ -24,16 +24,9 @@ import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.tooling.preview.Preview
import com.skydoves.landscapist.ImageOptions
import com.skydoves.landscapist.coil.CoilImage
import com.skydoves.landscapist.components.rememberImageComponent
import com.skydoves.landscapist.placeholder.shimmer.ShimmerPlugin
import io.getstream.androiddeveloperroadmap.ui.theme.AndroidDeveloperRoadmapTheme
import io.getstream.androiddeveloperroadmap.ui.theme.shimmerHighLight
import me.saket.telephoto.zoomable.rememberZoomableState
import me.saket.telephoto.zoomable.zoomable
import me.saket.telephoto.zoomable.coil.ZoomableAsyncImage
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
@ -53,20 +46,10 @@ class MainActivity : ComponentActivity() {
@Composable
private fun AndroidRoadmap() {
val background = MaterialTheme.colors.background
CoilImage(
modifier = Modifier
.fillMaxSize()
.zoomable(rememberZoomableState()),
imageModel = { "https://user-images.githubusercontent.com/24237865/144350753-5a52e6e5-3517-476c-8e5c-adad919abe8e.png" },
component = rememberImageComponent {
// shows a shimmering effect when loading an image.
+ShimmerPlugin(
baseColor = background,
highlightColor = shimmerHighLight
)
},
imageOptions = ImageOptions(contentScale = ContentScale.Fit)
ZoomableAsyncImage(
modifier = Modifier.fillMaxSize(),
model = "https://user-images.githubusercontent.com/24237865/144350753-5a52e6e5-3517-476c-8e5c-adad919abe8e.png",
contentDescription = null
)
}

View file

@ -1,16 +1,15 @@
buildscript {
ext {
compose_version = '1.5.2'
compose_compiler_version = '1.5.3'
compose_version = '1.6.1'
compose_compiler_version = '1.5.9'
compose_activity_version = '1.7.2'
landscapist_version = '2.2.10'
zoomable_version = '1.5.1'
landscapist_version = '2.3.1'
}
}
plugins {
id 'com.android.application' version '8.1.2' apply false
id 'org.jetbrains.kotlin.android' version '1.9.10' apply false
id 'org.jetbrains.kotlin.android' version '1.9.22' apply false
id "com.diffplug.spotless" version "6.7.0" apply false
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB