mirror/android-developer-roadmap
1
0
Fork 0
mirror of https://github.com/skydoves/android-developer-roadmap.git synced 2024-10-22 00:00:02 +03:00
Code Issues Packages Projects Releases Wiki Activity

Use ZoomableAsyncImage for zoomable subsampling

Browse source
This commit is contained in:
skydoves 2024-02-22 00:33:42 +09:00
parent af632c4529
commit 960f7e876b
No known key found for this signature in database
GPG key ID: 09885E498AF452F2
3 changed files with 10 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/build.gradle
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"
}

27
app/src/main/kotlin/io/getstream/androiddeveloperroadmap/MainActivity.kt
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
)
}

9
build.gradle
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
}