Pushpin: 在标题栏中显示焦点板卡而不是板

创建于 2019-11-13  ·  13评论  ·  资料来源: automerge/pushpin

正如在https://github.com/inkandswitch/pushpin/pull/310#issuecomment -551936885 中所描述的,让内容处理程序拥有额外的控件而不会使 UI 过载将非常有用。 这是文本/代码内容处理程序的示例,它不提供副标题,而是允许您切换语法模式。

mode-switch

但是,除非输入卡片,否则无法在保持内容处理程序整洁的同时提供额外的控制。 这里也尝试这样做。

inline-mode-switch

我想建议在标题栏中显示活动/聚焦卡片,这样它将为用户提供一致的用户体验,并且所有常见的设置或操作都可以在标题栏中显示。 它几乎从 macOS 中创建了“菜单栏”比喻,其中应用程序提供了常见的操作。

也可能值得考虑显示诸如进入/退出控件之类的东西,例如绿色交通灯按钮如何在 macOS 中提供进入/退出全屏模式。

所有13条评论

在旁注中,我还希望将上面演示中的<select>元素替换

我喜欢你在过去一期中的草图,其中选定的卡片叠加在当前位置上,我认为这个概念非常引人注目。

我们现在有一堆焦点与选择的问题,我一直在试图弄清楚,所以我认为这会有所帮助。 如果您从选择的 1-2 张卡中选择并且没有得到关注,会不会令人困惑? 关于这将如何运作的想法?

查看分支cleaner-drag以了解正在进行的一些工作。

如果您从选择的 1-2 张卡中选择并且没有得到关注,会不会令人困惑? 关于这将如何运作的想法?

我假设您的意思是同时选择多张卡片?

我认为在这种情况下,标题栏可能应该显示与现在类似的东西,但不要在副标题中说“n 个项目”,而是说“从 n 个中选择了 m 个项目”。

如果有一些用于多卡盒的操作,例如删除、共享,也可能会显示相关操作

我喜欢你在过去一期中的草图,其中选定的卡片叠加在当前位置上,我认为这个概念非常引人注目。

你是这个意思 ?

我对嵌套有第二个想法,因为它可能很深,并且会占用可能更适合用于显示相关内容控件的空间。

并不是说它不能完成,只是让它正确可能会具有挑战性。 另一方面,了解您所在的位置以及快速跳转多个级别的方法似乎很有吸引力。

哦,我想不是完全嵌套而是覆盖当前
所选项目。

2019 年 11 月 12 日星期二晚上 11:17 Irakli Gozalishvili <
[email protected]> 写道:

我喜欢你在过去一期中的草图,其中选定的卡片
在当前位置分层,我认为这个概念很漂亮
引人注目。

你是这个意思 ?

https://user-images.githubusercontent.com/21236/68500724-3aa7da80-0211-11ea-955d-cc40de8cfc83.png

我对嵌套有第二个想法,因为它可以很深而且会
占用一个可能更适合展示相关内容的空间
控件。

并不是说它不能完成,只是做对了可能会
具有挑战性的。 另一方面,有你所在的位置和快速的方式
跳多个级别似乎很有吸引力。


您收到此消息是因为您发表了评论。
直接回复本邮件,在GitHub上查看
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQAAJDTGB6IJ4M32AY3QTOSXNA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXWSZ5G000000000000000000000000000000000000000000000000000000000001
或取消订阅
https://github.com/notifications/unsubscribe-auth/AAAAWQCIWHWFL5HTNX4J3ELQTOSXNANCNFSM4JMR24IA
.

——
彼得·范·哈登伯格
加利福尼亚州旧金山
“一切都很美好,没有任何伤害。”——库尔特·冯内古特

我已经制作了一个现在看起来很混乱的初稿:

无选择

image

选定的文本注释

image


有趣的副作用,如果您有一个嵌套板,其中选择了一个项目,它也会显示出来。 我们可以通过使用不同的上下文而不是仅仅重用“列表”上下文来解决这个问题。

image

总的来说,我对视觉效果不满意。 我认为我们需要找到一种更好的方式来呈现这个,或者根本不显示板图标。 也可能是使用非圆形图标可能会更好。 我会到处玩,看看我能不能想出更令人愉快的东西。

尝试了另一个版本,其中图标对所选内容具有视觉反馈。 “虚线边框”下方表示不是活动选择。 而实心边框表示活动选择。 如果没有选择任何板图标将有选择。 对结果不太满意,但我想我还是会发帖。

image

Screen Shot 2019-11-18 at 1 01 14 PM

顺便说一句,我还发现选择多张卡片并在标题栏中编辑它们的标题非常方便。

太棒了!

2019 年 11 月 18 日星期一下午 1:48 Irakli Gozalishvili <
[email protected]> 写道:

[图像:屏幕截图 2019-11-18 at 1 01 14 PM]
https://user-images.githubusercontent.com/21236/69096724-d273a880-0a09-11ea-976c-73454a48aff8.png

顺便说一句,我还发现选择了多张卡片并有它们的标题
在标题栏中可编辑非常方便。


您收到此消息是因为您发表了评论。
直接回复本邮件,在GitHub上查看
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHSOKGZVHNYPWUN77LQUMERLA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJLOGTN563LNMVXHJLOGZVHNYPWUN77LQUMERLA5
或取消订阅
https://github.com/notifications/unsubscribe-auth/AAAAWQDXQQT4S7M2GMHQ54TQUMERLANCNFSM4JMR24IA
.

——
彼得·范·哈登伯格
加利福尼亚州旧金山
“一切都很美好,没有任何伤害。”——库尔特·冯内古特

很少尝试让它看起来更有吸引力(希望得到反馈)

无选择

Screen Shot 2019-11-22 at 4 54 37 PM

文字卡选择

只是覆盖板卡
Screen Shot 2019-11-22 at 4 54 51 PM
Screen Shot 2019-11-22 at 4 54 55 PM

下折叠导航按钮

无选择

Screen Shot 2019-11-22 at 4 59 24 PM

代码选择

Screen Shot 2019-11-22 at 4 59 34 PM

我喜欢这个,但我们还没有承诺菱形设计。 如果你能给
一个与实体标题栏一起使用的版本,我会接受它!

2019 年 11 月 22 日星期五下午 5:16 Irakli Gozalishvili <
[email protected]> 写道:

很少尝试让它看起来更有吸引力(希望得到反馈)
无选择

[图像:屏幕截图 2019-11-22 at 4 54 37 PM]
https://user-images.githubusercontent.com/21236/69470371-14bf2180-0d4b-11ea-859b-0bf89e10432c.png
文字卡选择

只是覆盖板卡
[图像:屏幕截图 2019-11-22 at 4 54 51 PM]
https://user-images.githubusercontent.com/21236/69470372-14bf2180-0d4b-11ea-8136-0b99f6dc0d8a.png
[图像:屏幕截图 2019-11-22 at 4 54 55 PM]
https://user-images.githubusercontent.com/21236/69470373-14bf2180-0d4b-11ea-9266-735d864d5b57.png
无选择下的折叠导航按钮

[图像:屏幕截图 2019-11-22 at 4 59 24 PM]
https://user-images.githubusercontent.com/21236/69470375-1557b800-0d4b-11ea-9e71-68b2dadb7e27.png
代码选择

[图像:屏幕截图 2019-11-22 at 4 59 34 PM]
https://user-images.githubusercontent.com/21236/69470376-1557b800-0d4b-11ea-9ac8-320d2f1ee31f.png


您收到此消息是因为您发表了评论。
直接回复本邮件,在GitHub上查看
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHZD7CO37AUHZG5JF3QVB75ZA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63KLODNXP50W63KLODNXP50WWW63KLODNXP5000000000000000000000000000000002
或取消订阅
https://github.com/notifications/unsubscribe-auth/AAAAWQB73MFUDNOOSIJYDUDQVB75ZANCNFSM4JMR24IA
.

——
彼得·范·哈登伯格
加利福尼亚州旧金山
“一切都很美好,没有任何伤害。”——库尔特·冯内古特

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

Gozala picture Gozala  ·  4评论

edrex picture edrex  ·  7评论

Gozala picture Gozala  ·  9评论

canadaduane picture canadaduane  ·  9评论

radio-alice picture radio-alice  ·  7评论