Панель времени/заряда: оверлей-слой поверх контента, у низа экрана — стабильно при любом масштабе

This commit is contained in:
2026-08-25 02:28:00 +03:00
parent 8958370507
commit d113ffd744
2 changed files with 58 additions and 61 deletions
@@ -473,39 +473,38 @@ fun ConnectionScreen() {
val containerW = (screenWidthPx * scale).toInt()
val containerH = (screenHeightPx * scale).toInt()
Box(
modifier = Modifier
.width(containerW.px)
.height(containerH.px)
.offset(
x = scaleOffsetX(side, screenWidthPx, scale).px,
y = verticalOffsetY(screenHeightPx, scale, vertical).px,
)
.background(Color.Black),
) {
Column(
modifier = Modifier.fillMaxSize().padding(start = 24.dp, end = 24.dp, top = 56.dp),
verticalArrangement = Arrangement.spacedBy(8.dp),
// Оверлей-обёртка половины: контейнер (смещается scale/vertical) + панель статуса
// поверх него. Панель — у низа экрана при любом масштабе/вертикали.
Box(Modifier.fillMaxSize()) {
Box(
modifier = Modifier
.width(containerW.px)
.height(containerH.px)
.offset(
x = scaleOffsetX(side, screenWidthPx, scale).px,
y = verticalOffsetY(screenHeightPx, scale, vertical).px,
)
.background(Color.Black),
) {
Text("ViewMate Glasses", style = MaterialTheme.typography.headlineMedium)
Text(if (connected) "подключено к телефону" else "нет соединения")
Text(status, style = MaterialTheme.typography.bodyMedium)
Text("Последние сообщения:", style = MaterialTheme.typography.titleMedium)
LazyColumn(modifier = Modifier.fillMaxWidth()) {
items(messages) { msg ->
Text(msg, style = MaterialTheme.typography.bodySmall)
Column(
modifier = Modifier.fillMaxSize().padding(start = 24.dp, end = 24.dp, top = 56.dp),
verticalArrangement = Arrangement.spacedBy(8.dp),
) {
Text("ViewMate Glasses", style = MaterialTheme.typography.headlineMedium)
Text(if (connected) "подключено к телефону" else "нет соединения")
Text(status, style = MaterialTheme.typography.bodyMedium)
Text("Последние сообщения:", style = MaterialTheme.typography.titleMedium)
LazyColumn(modifier = Modifier.fillMaxWidth()) {
items(messages) { msg ->
Text(msg, style = MaterialTheme.typography.bodySmall)
}
}
}
// Оверлей распознавания/ответа — в AssistantOverlay (корень, поверх любого экрана).
}
// Оверлей распознавания/ответа — в AssistantOverlay (корень, поверх любого экрана).
}
// Панель статуса (время/заряд) — вне контейнера, всегда у верха половины:
// при vertical=0 контейнер у низа, и панель иначе повисала бы посередине.
Box(Modifier.fillMaxSize()) {
StatusPanelCompose(
modifier = Modifier.align(Alignment.TopCenter).padding(top = 12.dp),
modifier = Modifier.align(Alignment.BottomCenter).padding(bottom = 10.dp),
scale = scale,
)
}
@@ -104,45 +104,43 @@ fun GlassesMovieScreen(
maxHeight = containerH - 25,
)
Box(
modifier = Modifier
.width(containerW.px)
.height(containerH.px)
.offset(
x = scaleOffsetX(side, screenWidthPx, scale).px,
y = verticalOffsetY(screenHeightPx, scale, vertical).px,
),
) {
Row(
modifier = Modifier.fillMaxWidth().background(Color.Black),
// Видео в контейнере прижимается к верху (vertical=1) или низу (vertical=0):
// Row-центрирование съедало вертикаль — картинка оставалась «по центру».
verticalAlignment = Alignment.Top,
horizontalArrangement = if (side == Side.LEFT) Arrangement.End else Arrangement.Start,
// Оверлей-обёртка половины: контейнер (смещается scale/vertical) + панель статуса
// поверх него. Панель — у низа экрана при любом масштабе/вертикали.
Box(Modifier.fillMaxSize()) {
Box(
modifier = Modifier
.width(containerW.px)
.height(containerH.px)
.offset(
x = scaleOffsetX(side, screenWidthPx, scale).px,
y = verticalOffsetY(screenHeightPx, scale, vertical).px,
),
) {
if (SCALE_DEBUG_SQUARE) {
// Тестовый режим: большой красный квадрат вместо видео — быстрая
// проверка масштаба/позиций скрином без запуска видео.
Box(Modifier.fillMaxSize().background(Color.Red))
} else {
BinocularVideoPlayer(
player = player,
renderer = renderer,
modifier = Modifier
.size(playerWidth.px, playerHeight.px)
.offset(y = videoOffsetY(containerH, playerHeight, vertical).px),
)
Row(
modifier = Modifier.fillMaxWidth().background(Color.Black),
// Видео в контейнере прижимается к верху (vertical=1) или низу (vertical=0):
// Row-центрирование съедало вертикаль — картинка оставалась «по центру».
verticalAlignment = Alignment.Top,
horizontalArrangement = if (side == Side.LEFT) Arrangement.End else Arrangement.Start,
) {
if (SCALE_DEBUG_SQUARE) {
// Тестовый режим: большой красный квадрат вместо видео — быстрая
// проверка масштаба/позиций скрином без запуска видео.
Box(Modifier.fillMaxSize().background(Color.Red))
} else {
BinocularVideoPlayer(
player = player,
renderer = renderer,
modifier = Modifier
.size(playerWidth.px, playerHeight.px)
.offset(y = videoOffsetY(containerH, playerHeight, vertical).px),
)
}
}
}
// Панель статуса (время/заряд) — вне контейнера, всегда у верха половины:
// при vertical=0 контейнер у низа, и панель иначе повисала бы посередине
// чёрного поля между верхом экрана и видео.
}
Box(Modifier.fillMaxSize()) {
StatusPanelCompose(
modifier = Modifier.align(Alignment.TopCenter).padding(top = 12.dp),
modifier = Modifier.align(Alignment.BottomCenter).padding(bottom = 10.dp),
scale = scale,
)
}