From 4dbfbb921842b52bd870b8a93c0c72e3a33ff61b Mon Sep 17 00:00:00 2001 From: laoyang Date: Thu, 5 Nov 2026 20:42:13 +0800 Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E6=97=A5=E5=8D=A1=E5=86=85=E5=AE=B9?= =?UTF-8?q?=E5=9D=97=E6=95=B4=E4=BD=93=E5=B1=85=E4=B8=AD=20(#89)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 用户 2026-11-05：「这个文案是不是居中放一放会更好一点？现在所有东西都集中在 左边，右边太空了。我是想整体往右移，也就是居中，而不是把文字什么的居中放。」 关键是要分清两种"居中"： · 用户要的 = **内容块整体居中**（头像+姓名这一组、方框+日期这一组，挪到卡片中间） · 用户明确不要 = **文字居中**（每行文字仍左对齐，读起来才不散） 根因：两个内容 Row 里的 Column 都挂着 `layoutWeight(1)`， 它把 Column 撑满剩余宽度 ⇒ Row 里没有多余空间 ⇒ `justifyContent` 无从生效， 于是整行永远贴左。 改法： ① 去掉那两个 `layoutWeight(1)`，改用 `constraintSize({ maxWidth })` （头像行 72%、方框行 68%）—— 按内容宽度收缩，同时防止长名字撑破卡片。 ② Row 上加 `justifyContent(FlexAlign.Center)` —— 把这一组整体挪到中间。 ③ 具体文字保持 `HorizontalAlign.Start`（左对齐），不变。 ⚠️ 顶栏那行的 `layoutWeight(1)` **保留**：那里要"标题靠左、关闭靠右"， 去掉会让标题和关闭挤在一起。 ⚠️ 底部「要修改生日…」那句本来就是居中的（width 100% + textAlign Center）， 与上面两个块的"块居中"是两件事，不动。 —— 已在代码里写明，免得以后有人"统一"掉。 编译通过，已装真机。 --- .../ets/components/FbDayBirthdaySheet.ets | 20 +++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/entry/src/main/ets/components/FbDayBirthdaySheet.ets b/entry/src/main/ets/components/FbDayBirthdaySheet.ets index e2bb203..2828614 100644 --- a/entry/src/main/ets/components/FbDayBirthdaySheet.ets +++ b/entry/src/main/ets/components/FbDayBirthdaySheet.ets @@ -249,11 +249,20 @@ export struct FbDayBirthdaySheet { .width('100%') } .alignItems(HorizontalAlign.Start) - .layoutWeight(1) - .flexShrink(1) + /* 🔴 #89（用户 2026-11-05）：「所有东西都集中在左边，右边太空了。 + 我是想整体往右移，也就是居中，而不是把文字什么的居中放。」 + + ⇒ 去掉 `layoutWeight(1)`。它会把这个 Column 撑满剩余宽度， + 于是整行内容永远贴着左边（Row 里没有多余空间可居中）。 + 改成按内容宽度后，由 Row 的 `justifyContent(Center)` 把 + 「头像 + 姓名」这一组整体挪到中间。 + ⚠️ 具体文字仍保持左对齐（`HorizontalAlign.Start`）—— + 用户要的是"内容块居中"，不是"每行文字居中"。 */ + .constraintSize({ maxWidth: '72%' }) } .width('100%') .padding({ top: 4, bottom: 18 }) + .justifyContent(FlexAlign.Center) .alignItems(VerticalAlign.Center) /* ---- 方框（还剩几天）+ 右侧（日期 / 年龄）---- @@ -312,10 +321,11 @@ export struct FbDayBirthdaySheet { } } .alignItems(HorizontalAlign.Start) - .layoutWeight(1) - .flexShrink(1) + /* #89：同头像行 —— 去掉 layoutWeight，交给 Row 居中 */ + .constraintSize({ maxWidth: '68%' }) } .width('100%') + .justifyContent(FlexAlign.Center) .alignItems(VerticalAlign.Center) /* ---- 底部：去成员资料改 ---- */ @@ -323,6 +333,8 @@ export struct FbDayBirthdaySheet { 想去改生日的人得知道该去哪儿，否则只会觉得"这卡不好用"。 */ /* 🔴 #87b（用户 2026-11-05）：「『要修改生日，请到名册里打开这位 成员的资料』这句话改成：要修改生日，请到名册里修改这位成员的资料。」 */ + /* #89：这条**本来就已经居中**（width 100% + textAlign Center）， + 与上面两个内容块的"块居中"是两件事 —— 不用动。 */ Text('要修改生日，请到名册里修改这位成员的资料') .fontSize(FbMetric.fontTiny) .fontColor(FbColors.faint)