Media: polish TimelineVideo item

This commit is contained in:
ganfra
2023-05-25 16:21:53 +02:00
parent 1fe14ef685
commit c741b35035
2 changed files with 22 additions and 8 deletions
@@ -50,6 +50,7 @@ fun BlurHashAsyncImage(
contentAlignment = Alignment.Center, contentAlignment = Alignment.Center,
) { ) {
AsyncImage( AsyncImage(
modifier = Modifier.fillMaxSize(),
model = model, model = model,
contentScale = contentScale, contentScale = contentScale,
contentDescription = contentDescription, contentDescription = contentDescription,
@@ -17,17 +17,23 @@
package io.element.android.features.messages.impl.timeline.components.event package io.element.android.features.messages.impl.timeline.components.event
import androidx.compose.foundation.Image import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.material.icons.Icons import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.PlayCircle import androidx.compose.material.icons.filled.PlayArrow
import androidx.compose.material3.MaterialTheme
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.ColorFilter import androidx.compose.ui.graphics.ColorFilter
import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.tooling.preview.PreviewParameter import androidx.compose.ui.tooling.preview.PreviewParameter
import androidx.compose.ui.unit.dp
import io.element.android.features.messages.impl.timeline.components.blurhash.BlurHashAsyncImage import io.element.android.features.messages.impl.timeline.components.blurhash.BlurHashAsyncImage
import io.element.android.features.messages.impl.timeline.model.event.TimelineItemVideoContent import io.element.android.features.messages.impl.timeline.model.event.TimelineItemVideoContent
import io.element.android.features.messages.impl.timeline.model.event.TimelineItemVideoContentProvider import io.element.android.features.messages.impl.timeline.model.event.TimelineItemVideoContentProvider
@@ -52,12 +58,19 @@ fun TimelineItemVideoView(
modifier = Modifier.fillMaxSize(), modifier = Modifier.fillMaxSize(),
contentScale = ContentScale.Fit, contentScale = ContentScale.Fit,
) )
Image( Box(
Icons.Default.PlayCircle, modifier = Modifier
contentDescription = "Play", .size(50.dp)
colorFilter = ColorFilter.tint(MaterialTheme.colorScheme.onBackground), .clip(CircleShape)
modifier = Modifier.align(Alignment.Center), .background(color = Color.Black.copy(alpha = 0.5f)),
) contentAlignment = Alignment.Center,
) {
Image(
Icons.Default.PlayArrow,
contentDescription = "Play",
colorFilter = ColorFilter.tint(Color.White),
)
}
} }
} }