From 3430b1caea10ae4a16fb6d48688c10bec5414233 Mon Sep 17 00:00:00 2001 From: laoyang Date: Fri, 6 Nov 2026 10:57:40 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A7=82=E5=BD=B1=E7=85=A7=E7=89=87=E6=9F=A5?= =?UTF-8?q?=E7=9C=8B=E5=99=A8=E5=88=A0=E6=8E=89=E5=BA=95=E9=83=A8=E7=BF=BB?= =?UTF-8?q?=E9=A1=B5=E6=9D=A1=EF=BC=8C=E4=B8=8D=E5=86=8D=E6=8C=A1=E5=9B=BE?= =?UTF-8?q?=20(#85)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 用户：查看观影照片的时候，上一张、下一张，还有几张都在中间，把图给挡住了。 把这些内容都删掉吧，不要了。 那条控制条是 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。 --- .../ets/components/FbMovieDetailSheet.ets | 45 +++++++------------ 1 file changed, 16 insertions(+), 29 deletions(-) diff --git a/entry/src/main/ets/components/FbMovieDetailSheet.ets b/entry/src/main/ets/components/FbMovieDetailSheet.ets index 5354d04..b1d9dfe 100644 --- a/entry/src/main/ets/components/FbMovieDetailSheet.ets +++ b/entry/src/main/ets/components/FbMovieDetailSheet.ets @@ -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 }) {