laoyang
11c13a4e9d
v18: 家谱改成「仿亲友+」App 的画法(按用户给的参考实现)
用户反馈(原话):「不行,非常乱。我给你个链接
https://gitee.com/coku2333/FamilyTreeView 你去读这个代码,尤其是它那个仿亲友+app
的效果,就是我想要的,按照这个做。」
参考实现是 Android 的 NewFamilyTreeView(ViewGroup + onDraw 画线)。我读了它的
README 与源码,把它的**布局规则**逐条搬过来(不是搬代码,是搬算法):
① **从下往上定位**:先孙辈(+2)→ 子女(+1)→ 我(0)→ 父母(-1)→ 祖辈(-2)。
因为"子层位置定了,父层就定了" —— 父居中于子之上。
② 每一代维护 **genLeft / genRight 两个游标**(该代已用到的左右边界);
往右铺从 genRight 起、往左铺从 genLeft 起(对应它的 setPart)。
③ **配偶并排在主位右侧**(一对夫妻 = 相邻两张卡)。
④ 兄姐往左、弟妹往右;舅姨(母系)往右、叔伯姑(父系)往左 ——
都是"以我/父母为中心"向两侧展开,而不是按格子平铺。
⑤ 我居中于我的子女之上;父母居中于我之上;祖辈居中于父母之上。
⑥ **连线画在卡片背后**(参考是 ViewGroup.onDraw 先画线再绘子 View)——
所以线可以从卡中心连到卡中心,被卡面挡住即可,不用绕路。
⑦ 卡片改成参考的窄长比例(它 50×80,我们 88×106):头像占上半、姓名与称呼在下。
画线(沿用参考的三段式,子女一律从夫妻横线中点出):
夫妻横线(两卡中心之间)→ 从**横线中点**往下垂到横梁 → 横梁分到每个孩子。
上一版(v17「整齐树」)的问题:线虽然不穿卡了,但整张图看着像表格 ——
每一代从左到右平铺、兄弟姐被推到最外侧、伯父排在爸爸右边。这一版才对上参考的观感。
验证(按用户要求只做简单测试):
· `_fb_kin_v18.py`(新)—— 20 人夹具渲染:**0 重叠**、20 张卡、28 段连线、无 JS 报错;
各行分布确认:祖辈居中于父母之上(575/653)、伯父在爸爸左边(403 < 575)、
兄姐在我左(442/519)、弟妹在我右、堂兄紧贴伯父下方。
· e2e 553 条全过(家谱段断言随 v18 更新为 takeSlot/placePart/putCentered/midX)
· 修掉的既有 bug:`parentsOf` 的键是**户索引**,而多处按**人 id** 去查父母 ——
混用会永远查不到,导致"户的主位永远取第一张卡"(伯父那户取成伯母)、
父系/母系判定全错、叔伯姑全跑到右边。新增 personParents 映射统一。
· 修掉的布局 bug:兄姐/弟妹原本从"整代游标末尾"起 → 被推到同代最外侧;
堂表亲调 placePart 会与我的兄姐重叠(实测抓到 1 处)→ 改成紧贴其父母下方。
另:其他功能一行未动(用户明确要求)。
2026-10-02 13:26:11 +08:00
..
2026-10-02 13:26:11 +08:00
2026-09-29 23:48:45 +08:00
2026-09-30 15:02:27 +08:00
2026-10-01 19:35:48 +08:00
2026-09-30 00:49:53 +08:00