用wpf设计树状单选和多选功能_发现设计细节，原来单选和多选也有这么多讲究...

上周推送了一篇完整的设计案例《 如何在3天内设计出一款APP》，文章内容大而全，而本期我想再来针对设计中的细节进行研究，尽量让知识有点有面。本期文章主要研究单选和多选控件的设计细节，虽然是很常见的控件设计，但是也是有非常多需要注意的地方。能提炼总结常见事物的一般规律，这本身就是一件值得大家都去做的一件事。

无论是从个性化内容还是用户体验上来讲，控件元素都会在我们的产品设计中扮演重要角色。为特定的内容选择正确的控件可能要比你想象的要难，控件的高度，宽度，样式设计和选项数量都是至关重要的因素。

为了帮助分解问题，这里给大家列了一个决策树

单选

Tab选项

一个分段tab通常会由2-6个单选项，它最适合用于图标、数字或短词的导航形式，并被设计成一个水平的容器，容纳等距离的单选内容。

图标、短词、价格

优点:将所有选项都摆在一行，对垂直空间的利用率能达到最佳，设计样式也可以做到非常直观，漂亮。

缺点:它不大适合用在长词，短语或价格上，如果你确实希望将这些内容放在选项中，就必须尝试精简文本。水平空间非常有限，即使是只有少量的选项，有时候你仍然需要决定如何截断文本。

(译者注：为什么对于底部导航栏的分栏数是2-6个最合适，根据iOS规范中说的，太多的选项卡增加了应用的复杂性，使得信息定位变得困难。选项太少也可能会带来一个问题是界面间的信息流断开，不便于快速触达。请见iOS规范https://deve