Candy 控件 — 复选框、开关与滑块

拇指不用瞄准也能按到的30px控件。开关的行程做得够长，让滑钮明显移动而不是抽动一下，因为在触摸屏上动画是唯一的反馈。

这套涵盖了设置界面真正需要的东西：复选框、单选钮、开关、带独立滑钮的滑块，以及用于离散取值的一对步进器。每个带状态的控件都以30×30为基准，把每种状态做成独立文件——开关是60×30，滑轨宽240px，可以用九宫格拉到任意长度。滑块还提供空、满和竖向三种，因为音量竖条并不是把横条转个方向。

开与关是用不同的形状而不是不同的颜色画出来的。未勾选是一个空的凹槽，勾选是一块带切口对勾的实心面。这很重要，因为设置界面恰恰是玩家最可能开着色盲模式、灰度着色器或重度染色后处理的地方——一个只靠色相来读的状态，在这三种情况下都会消失。

滑块以滑轨加滑钮交付，而不是一整张图。要让整块式滑块动起来，就得按每个取值重画；分成两件，你只需拉伸填充并移动滑钮，而这本来就是各种界面工具包的预期。滑钮中间有一道刻痕，小尺寸下也能看出朝向和位置；另有按住状态的变体，加了一圈强调色。

禁用状态对每一个带状态的控件都是独立的一张图，而不是运行时叠加的一层灰。不可用的设置和已关闭的设置是两回事——一个说"关着"，另一个说"你动不了它"——把两者画成一样的界面，会让玩家去找一个根本不存在的问题。复选框还提供了部分选中态，用于混合列表上方的"全选"行，而这正是两态复选框会报错的情形。

全部以可编辑的SVG提供，并附1x、2x与4x的平面透明PNG，用与Candy系列其余部分相同的六个暖奶油色调绘制。

知识共享 署名 4.0 — 商业用途也免费。需要署名。 完整条款 · 实际是什么意思