查找允许从集合中选择N个元素并定义默认值的UI元素的示例

Question

想象一下，我的应用程序有一个支持的语言列表。我正在寻找一个UI元素，它允许选择支持语言的子集，并使其中一个成为默认语言。

首先，我想使用一个包含两个复选框列的列表，但是当她在“默认”列中激活一个列时，用户会感到惊讶，因为这将取消选择当前默认值。我可以使用单选按钮，但也感觉笨重（并浪费屏幕空间）。

下一个想法是有两个列表，一个是可用语言，另一个是活动语言。但是在这种情况下用户如何选择默认值？

Answer 1

我们当前的解决方案有两个列表：

 Active                 Available

 * English              Italian
 French        <=>      Greek
 German

您可以在列表之间拖放元素以使语言处于活动状态。左侧列表的第一个元素是＆＃34;默认＆＃34;。在用户界面中，我们给它一种特殊的风格，因此用户可以轻松识别这种语言是特殊的。＆＃34;工具提示（和文档）显示＆＃34;这是默认语言。＆＃34;

要选择其他默认语言，只需将左侧的其中一个元素拖到列表顶部即可。