如何绘制一个层次结构按钮集,并且看上去不那么令人反感?


17

我正在尝试创建一个按钮集,该按钮集可用于在分层数据中移动,它看起来像个万用表。我不确定如何纠正它。

在此处输入图片说明

在上图中,如果选择了“面板”,然后按顶部按钮,则它将选择“ AnimatedPanel”。如果单击左按钮,它将选择“脚本”。如果单击右键,则面板将是列表中的最后一项,因此不会有任何变化。如果选择底部按钮,则将选择“ EventHandler”。

按钮组将位于标签的左侧。选择项目时,将显示标签和按钮。例如,在网页中可能存在垂直或水平菜单项的列表。按钮集和标签将位于所选菜单的上方。然后按“ in”将选择第一个菜单项。选择“左”或“右”将在菜单项之间移动。我希望这是有道理的。

有什么建议可以减少这种情况吗?

@PremierBromanov的更多细节:
现在,我拥有3个标签,例如“ Up”,“ L”,“ R”,“ Panel”。

在此处输入图片说明

我正在使用术语“上”,“左”和“右”,但是“上”实际上是“移出当前行并返回到上一行”。这些术语大致基于它在水平布局中的显示方式(尽管在垂直方向上不再有意义)。

在XML中,它们使用分支节点和叶节点之类的术语。分支具有或可以具有叶节点。分层数据还使用术语父节点和子节点。在这种情况下,您有祖先和后代。你也有兄弟姐妹。它们是共享同一父节点的子节点。

因此,在最后一种情况下,您可以具有当前子节点的父级,上一个同级,下一个同级和后代。您还可以在上一个左下一个叶子中创建父分支。在这种情况下,如果叶子有叶子,它将是一个分支。因此,父分支,上一个叶子或分支,下一个叶子或分支以及当前分支的叶子。


1
尝试使用两个对角箭头。
Paolo Gibellini 2015年

7
有趣的事实:向左的十字记号实际上是印度教中和平的象征,并且很容易在地图上用来表示宗教场所。朝右的sw字是邪恶的象征,但在印度教中仍然不是冒犯性的。
John Dvorak

3
自20世纪初以来(wiki),这两个十字记号就一直被用作西方文化中的吉祥标志。直到有人出现并破坏了一些东西。
Vincent

您是否尝试过制作一个简单的左右左右箭头系统?当您遍历文件结构时,从视觉上看可能更有意义,并且它更像是“ +”而不是a字。向上和向下将从“面板”移动到“脚本”,而左侧和右侧将分别进入和退出。
总理布罗曼诺夫2015年

1
这不是a字,缺少两条腿,我不认为您应该担心,只有纳粹会发现这一点,我读了您的问题的标题,然后看了看您的按钮组,没有得到“进攻性”(我以为你的意思是太丑陋了:P没错),我不得不阅读你的问题,以了解你对“进攻性”的理解,就像我一直在研究第二次世界大战一样十年来,即使如此,我也无法找出十字记号
凯尔(Kyle)

Answers:


32

您的箭头概念以及打算使用它的目的似乎很合适。从我所看到的,我想您仍然没有太多的图标空间。

也许对您有帮助的只是使用较粗且弯曲的箭头来隐藏您不喜欢的效果。

下面是一个简单的示例:

小尺寸时,您可能需要根据自己的喜好和清晰度调整箭头。与您的概念相同,但箭头不同。

示例箭头灰度

灰度大示例

箭头也可以使用不同的颜色:

蓝色箭头示例

示例蓝色箭头大


2
我认为即使没有更改颜色,弯曲的箭头也能很好地工作。好主意+1
Aistis 2015年

在小尺寸的情况下,甚至最好使弯曲的箭头与直线的箭头颜色相同。
30threetyy

1

您可能会考虑使用一种更简单的“平面”方法,即使用纯上下按钮遍历列表的按钮,而不管层次结构有多深,并为用户提供一种调整遍历速度的方式,例如四个按钮:

  • [更快]
  • [上]
  • [下]
  • [下来更快]

“上”和“下”将逐项遍历,“更快”按钮将遍历文件夹到文件夹。


为什么不Up folderDown folder。并且他们应该如何按照问题的要求进行绘制?
Mensch 2015年

我会尝试Up Folder:双V形指向上方。向上:单个“向上”人字形。向下:单个人字形向下指向。Down文件夹:双“ down”字形。
马特·史密斯

好主意。因此,我猜是类似^ << >> \ /,其中“ ^”和“ \ /”位于“ << >>”上方和下方。
1.21吉瓦

是的,就像众所周知的分页设计模式一样,只是垂直的。
马特·史密斯
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.