观影照片查看器删掉底部翻页条,不再挡图 (#85)
用户:查看观影照片的时候,上一张、下一张,还有几张都在中间,把图给挡住了。
把这些内容都删掉吧,不要了。
那条控制条是 Row{ ‹ 上一张 / 第n/M张 / 下一张 › },
靠 align(Alignment.Bottom) + margin(bottom:40) 贴底,
而大图是 height(76%) **垂直居中** —— 换算后图占屏幕 12%~88%,
控制条正好落在图区间内,压在上面挡画面。
整条删除,翻页只留**左右滑动**(PanGesture,相册通用手势)。
⚠️ 没改成把控制条挪到图下方:76% 的图两侧只剩 12%,
硬塞会把图压小;而且用户原话就是删掉。
验证(真机 5NC0225B27004718):
- UI 树里已无「上一张/下一张/N / M」,只剩状态栏自带的网速与时钟;
- 原控制条位置 y2100-2350 非黑像素 0/15183 = 0.000%,完全干净;
- 全屏结构:图 y≈700-1740,上下纯黑;
- 左滑翻页仍生效(相邻帧差异 895/1024、865/1024),滑到第3张后底部依旧全黑;
- 点背景能关闭。
hvigorw assembleHap BUILD SUCCESSFUL。
This commit is contained in:
@@ -378,9 +378,11 @@ export struct FbMovieDetailSheet {
|
||||
* 全屏大图查看器。
|
||||
*
|
||||
* 交互(对齐 Web 端灯箱):
|
||||
* · 点背景关闭;
|
||||
* · 左右两个按钮翻页(**循环**);
|
||||
* · 底部显示"第 n / N 张"。
|
||||
* · 点背景关闭;右上角 ✕ 关闭;
|
||||
* · **左右滑动**翻页(循环);视频用播放器自身的控制条。
|
||||
*
|
||||
* ⚠️ 2026-11-06 去掉了底部的「上一张 / 第 n 张 / 下一张」控制条 ——
|
||||
* 它压在图上把画面挡住了(用户要求删掉)。翻页只留左右滑动。
|
||||
*
|
||||
* ⚠️ 图片用 `ImageFit.Contain` 而不是 `Cover`:
|
||||
* 查看器的目的是"看清整张图",裁掉边缘就失去意义了。
|
||||
@@ -477,33 +479,18 @@ export struct FbMovieDetailSheet {
|
||||
.width('100%')
|
||||
.height('76%')
|
||||
|
||||
// ③ 底部控制条(靠下对齐)
|
||||
Row({ space: 18 }) {
|
||||
Text('‹ 上一张')
|
||||
.fontSize(FbMetric.fontSmall)
|
||||
.fontColor('#FFFFFFCC')
|
||||
.padding({ left: 12, right: 12, top: 8, bottom: 8 })
|
||||
.onClick((): void => {
|
||||
this.viewerStep(-1);
|
||||
})
|
||||
Text((this.viewerIndex + 1).toString() + ' / ' + this.viewerList.length.toString())
|
||||
.fontSize(FbMetric.fontTiny)
|
||||
.fontColor('#FFFFFF99')
|
||||
Text('下一张 ›')
|
||||
.fontSize(FbMetric.fontSmall)
|
||||
.fontColor('#FFFFFFCC')
|
||||
.padding({ left: 12, right: 12, top: 8, bottom: 8 })
|
||||
.onClick((): void => {
|
||||
this.viewerStep(1);
|
||||
})
|
||||
}
|
||||
.width('100%')
|
||||
.justifyContent(FlexAlign.Center)
|
||||
// ⚠️ 用 `align` 把它压到 Stack 底部,而不是靠 margin 推
|
||||
.align(Alignment.Bottom)
|
||||
.margin({ bottom: 40 })
|
||||
/* 🔴 用户 2026-11-06:「查看观影照片的时候,上一张、下一张,还有几张都在中间,
|
||||
把图给挡住了。把这些内容都删掉吧,不要了。」
|
||||
⇒ 原来这里有一条底部控制条:`‹ 上一张` + `第 n / N 张` + `下一张 ›`。
|
||||
它靠 `align(Alignment.Bottom)` + `margin(bottom: 40)` 贴底,
|
||||
而大图是 `height('76%')` **垂直居中** —— 换算下来图占屏幕 12%~88%,
|
||||
控制条正好落在图的范围内,压在上面把画面挡住了。
|
||||
⇒ 整条删掉。翻页仍可用**左右滑动**(下面那个 PanGesture),
|
||||
这是相册的通用手势,比按钮更顺手,也不需要额外占位。
|
||||
⚠️ 不要改成"把控制条挪到图下面":76% 的图两侧只余 12%,
|
||||
勉强塞进去会把图压小;而且删掉正是用户的原话。 */
|
||||
|
||||
// ④ 右上角关闭(比"点背景"更明确)
|
||||
// ③ 右上角关闭(比"点背景"更明确)
|
||||
// ⚠️ 必须留在 Stack 里当子节点(不能平铺出去)——
|
||||
// 平铺会跑到浮层 Stack 上,position 相对的是**浮层**而不是查看器。
|
||||
Column({ space: 2 }) {
|
||||
|
||||
Reference in New Issue
Block a user