关于布局的三个建议

[unbadfish]

有三个地方希望改进，希望能让软件更加方便:smile:

1. 按某个键 (比如 ; ) 插入空行
2. 把打过轴的歌词与未打过的对齐，如：
3. 可以用表示调试的标记代替箭头，如：

#33 (comment)

[magic-akari]

1. 可以，准备做。
2. 是希望打轴显示的时候对齐，还是在输出的时候对齐？
3. 现在的确实想换一个，不过可能还是倾向于找个 unicode 字符来替代。

[pzhlkj6612]

倾向于找个 unicode 字符来替代。

🠶 （U+1F836）如何？

[unbadfish]

是希望打轴显示的时候对齐，还是在输出的时候对齐？

这样

（U+1F836）如何？

麻烦截个图……这边看到的是个框（以下是截图）（我用的是firefox90.0.2 (64 位)，估计有些浏览器显示这个够呛，换个svg图吧……记得放到仓库内部不要远程加载就是的）

我还是喜欢调试的楔形记号，一眼就能看懂
https://code.visualstudio.com/api/references/icons-in-labels
debug-stackframe

[unbadfish]

布置一个很长的4列表格，第1列是警告标，第2列是时间，第3列是箭头，第4列是歌词，能解决对齐问题吗？

[pzhlkj6612]

抱歉，我没有进行测试。

麻烦截个图

我使用的是 Microsoft Edge 版本 91.0.864.71 (官方内部版本) (64 位)：

可以看到，这个字符与 debug-stackframe 有一些相似之处，这也是我刚才选择它的原因。

估计有些浏览器显示这个够呛，换个svg图吧

赞同，用 svg 应该是没啥问题的。对于 U+1F836 ， Unicode Character 'RIGHTWARDS FINGER-POST ARROW' (U+1F836) 提供了一个 svg ： https://www.fileformat.info/info/unicode/char/1f836/rightwards_fingerpost_arrow.svg

[unbadfish]

这个可以吗？反正都要用svg了
https://iconify.design/icon-sets/codicon/debug-stackframe.html

[magic-akari]

是希望打轴显示的时候对齐，还是在输出的时候对齐？

这样

这好像不太好。现在的设计是，无论这一行有没有时间，按下空格后，都会被打上时间标签。

这样对齐以后，旧时间标签没有地方了。

[unbadfish]

这样安排的话标签变动时歌词会“跳动”，眼睛失去原本的目标，有的时候很累 可以不用改“按空格->;打标签”的逻辑，只是把跳动的实时时间显示在原来的时间标记上面（原本没有时间标记的话就覆盖在背景上面）

…

------------------ 原始邮件 ------------------ 发件人: ***@***.***>; 发送时间: 2021年7月29日(星期四) 晚上8:33 收件人: ***@***.***>; 抄送: ***@***.***>; ***@***.***>; 主题: Re: [magic-akari/lrc-maker] 关于布局的三个建议 (#34) 是希望打轴显示的时候对齐，还是在输出的时候对齐？ 这样 这好像不太好。现在的设计是，无论这一行有没有时间，按下空格后，都会被打上时间标签。 这样对齐以后，旧时间标签没有地方了。 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[magic-akari]

这样安排的话标签变动时歌词会“跳动”，眼睛失去原本的目标，有的时候很累 可以不用改“按空格->打标签”的逻辑，只是把跳动的实时时间显示在原来的时间标记上面（原本没有时间标记就覆盖在背景上面）
…

那还是有些尴尬，观感上，所有的时间标签中，总有一个被当前时间覆盖。

[unbadfish]

那就布置一个4列表格，第1列是警告标，第2列是原来时间（可能没有），第3列是跳动时间加箭头，第4列是歌词

[unbadfish]

这样安排的话标签变动时歌词会“跳动”，眼睛失去原本的目标，有的时候很累 可以不用改“按空格->打标签”的逻辑，只是把跳动的实时时间显示在原来的时间标记上面（原本没有时间标记就覆盖在背景上面）
…

那还是有些尴尬，观感上，所有的时间标签中，总有一个被当前时间覆盖。

刚刚悟出来一件事情：这个项目就是用来编辑时间标签的，自然会有时间标签被覆盖，无所谓尴尬
如果想要看清每一行的时间标记反而会让这个项目很尴尬：为什么不打开记事本看？
我认为，就应该让动态时间覆盖下一层标记，作为补偿，在其左上角显示一个实心圆圈以提醒用户其下已经有时间标记

[unbadfish]

个人认为应该加入一个状态标记

1. 在打轴行显示为蓝色的圆，空心表示该行原本无时间标记，实心表示该行原本有。(依然显示不断跳动的当前时间) svg：空 实
2. 在时间紊乱行（一切，包括打轴行）显示一个警告标记，感叹号或问号都可以（可保留原设计）
3. 上述两项在水平方向上互不干扰

凑合着看吧……

[unbadfish]

找了个实心的svg图标。https://github.com/artcoholic/akar-icons/blob/master/src/svg/pointer-right-fill.svg