کنترل‌های‌ انتخاب

دکمه‌‌ رادیویی (Radio button)، ‌چک‌باکس‌ (Checkbox) و کلید (Switch)

کنترل‌های انتخابی امکان انتخاب از میان یک یا چند گزینهٔ ممکن را فراهم می‌کنند.

کاربرد

این کامپوننت‌ها انتخاب گزینه‌ها و یا خاموش و روشن کردن تنظیمات و تغییر وضعیت‌های موجود در محصول را میسر می کنند. مانند فعال یا غیرفعال‌کردن ویبره در صفحهٔ تنظیمات.
بهتر است کنترل‌های انتخاب همیشه لیبل متنی داشته باشند. لیبل متن شفاف و موثری است که کاربران را برای وارد کردن اطلاعات درست در فیلد متنی راهنمایی می‌کند. اگر کنترل‌های انتخاب لیبل متنی نداشته باشند باید رابطهٔ آنها با کامپوننت مربوطشان به‌وضوح مشخص باشد.

انواع

دکمهٔ رادیویی (Radio button)

دکمه‌های رادیویی امکان انتخاب یک گزینه را از میان مجموعه‌ای از گزینه‌ها فراهم می‌کند. زمانی که لازم باشد کاربر تمام گزینه‌های موجود را ببیند اما فقط یکی از آن‌ها را انتخاب کند، از این کامپوننت استفاده می‌شود.

چک‌باکس (Checkbox)

چک‌باکس‌ها امکان انتخاب یک یا چند گزینه را فراهم می‌کنند. همچنین از چک‌باکس‌ها برای روشن و خاموش کردن وضعیت‌ها در حالت دسکتاپ نیز استفاده می‌شود.
چک‌باکس‌های والد و فرزندی: چک‌باکس‌های والد و فرزندی زمانی استفاده می‌شوند که لیستی از گزینه‌های اصلی و فرعی وجود داشته باشد.
وقتی چک‌باکس‌ والد فعال شود همهٔ فرزند‌های آن نیز فعال می‌شوند و وقتی چک‌باکس والد غیرفعال باشد همهٔ فرزند‌های آن نیز غیرفعال می‌شوند. اگر بعضی از چک‌باکس‌های فرزندان فعال و بعضی از آن‌ها غیرفعال باشند، چک‌باکس‌ والد به حالت نامشخص (Indeterminate) تبدیل می‌شود.

کلید (Switch)

کلیدها وضعیت یک المان را روشن یا خاموش می کنند. آنها بهترین روش برای مشخص کردن «مفهوم» تنظیمات درمحصول‌اند.

آناتومی

اینجا می‌توانید ابعاد و مشخصه‌های دکمه‌های رادیویی، چک‌باکس‌ها و کلید‌ها را ببینید.

رفتار

در راهنمای زیر رفتار کامپوننت در کاربردهای مختلف دیزاین توضیح داده شده است.