fix: Make RealtimeAudioVisualizer size more adaptive

This commit is contained in:
Myzel394 2024-01-06 17:39:24 +01:00
parent be2a1b9785
commit e8aa6ccc95
No known key found for this signature in database
GPG Key ID: 79CC92F37B3E1A2B
2 changed files with 10 additions and 8 deletions

View File

@ -4,8 +4,6 @@ import androidx.compose.animation.core.Animatable
import androidx.compose.animation.core.LinearEasing
import androidx.compose.animation.core.tween
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.material3.MaterialTheme
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
@ -34,6 +32,7 @@ private const val GROW_END = BOX_DIFF * 4
@Composable
fun RealtimeAudioVisualizer(
modifier: Modifier = Modifier,
audioRecorder: AudioRecorderModel,
) {
val scope = rememberCoroutineScope()
@ -69,11 +68,7 @@ fun RealtimeAudioVisualizer(
audioRecorder.setMaxAmplitudesAmount(ceil(screenWidth.toInt() / BOX_DIFF).toInt() + 1)
}
Canvas(
modifier = Modifier
.fillMaxWidth()
.height(300.dp),
) {
Canvas(modifier = modifier) {
val height = this.size.height / 2f
val width = this.size.width

View File

@ -5,6 +5,7 @@ import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.widthIn
import androidx.compose.material3.Divider
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
@ -53,7 +54,13 @@ fun AudioRecordingStatus(
verticalArrangement = Arrangement.SpaceBetween,
) {
Box {}
RealtimeAudioVisualizer(audioRecorder = audioRecorder)
RealtimeAudioVisualizer(
audioRecorder = audioRecorder,
modifier = Modifier
.fillMaxSize()
.widthIn(max = 300.dp)
.weight(1f),
)
RecordingStatus(
recordingTime = audioRecorder.recordingTime,