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

広いモバイルのリストではなく、密度の高い設定テーブルの行に収まるよう寸法を取った18pxのコントロールです。オンは塗った形、オフは空のくぼみなので、グレースケールのスクリーンショットでも正しく読めます。

設定画面に本当に必要な四つのコントロールを収めています。チェックボックス、ラジオボタン、トグル、そしてつまみが別になったスライダー。状態を持つコントロールはどちらの状態も自分のファイルとして18×18の土台で入っています。トグルは36×18、スライダーのレールは幅144 pxで、どんな長さにもnine-sliceできます。

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

スライダーはひとつながりのスプライトではなくレールとつまみで届きます。一体型のスライダーは値ごとに描き直しになりますが、二つに分かれていれば塗りを伸ばしてつまみを動かすだけで、どのUIツールキットもすでにそれを前提にしています。つまみには中央に切り欠きがあり、小さくしても回転と位置が読めます。

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

クリエイティブ・コモンズ ゼロ 1.0 — パブリックドメイン。クレジット表記も不要です。 全文 · 実際どういう意味か