Basalt コントロール — チェックボックス・トグル・スライダー

角を立てた幾何の26pxコントロールです。このスタイルでは丸い担当は円ではなく八角形を描きます。面で構成されたメッシュに曲線はなく、その真ん中のなめらかな円だけが幻を壊すからです。

このセットは設定画面が実際に必要とするものを押さえています。チェックボックス、ラジオボタン、トグルスイッチ、つまみが別になったスライダー、そして離散値のためのステッパー2点。状態を持つコントロールはどの状態も26×26を基準に独立したファイルで提供します——トグルは52×26、スライダーのレールは208px幅で、nine-sliceで任意の長さに伸ばせます。スライダーは空・満杯・縦もあります。音量の縦列は、横列を回したものではないからです。

オンとオフは色ではなく形で描き分けてあります。未チェックは空のくぼみ、チェック済みは切り抜いたチェックを持つ塗り面です。これは重要です。設定画面こそ、プレイヤーが色覚モードやグレースケールのシェーダー、強く色を被せたポストプロセスを使っている可能性がいちばん高い場所であり、色相でしか読めない状態はその三つすべてで消えます。

スライダーは1枚のスプライトではなく、レールとつまみで届きます。一体型のスライダーを動かすには値ごとに描き直すことになりますが、2枚なら塗りを伸ばしてつまみを動かすだけで済み、どのUIツールキットもそれを前提にしています。つまみには中央に刻みがあるので、向きと位置が小さくても読めます。押している状態用に、アクセント色のリングを足したバリエーションも入っています。

無効状態は、状態を持つコントロールごとに独立したスプライトであり、実行時にかける減色ではありません。利用できない設定と、切ってある設定は別物です——一方は「オフ」、もう一方は「これには触れない」。両方を同じに見せる画面は、存在しないバグをプレイヤーに探させます。チェックボックスには、混在した一覧の上にある「すべて選択」行のための部分選択状態も入っています。二状態のチェックボックスが誤って報告するのは、まさにこの場合です。

すべて編集可能なSVGと、1x・2x・4xのフラットな透過PNGで収録。Basaltファミリーの他と同じ灰グレーの六色で描かれています。

クリエイティブ・コモンズ 表示 4.0 — 商用利用も無料。クレジット表記が必要です。 全文 · 実際どういう意味か