استایل دادن رادیو باتن Radio Button Style اندروید استودیو

آموزش استایل رادیو باتن Radio Button اندروید استودیو

Radio Button Style ، سلام خدمت کاربران گرامی سایت خانه اندروید قصد داریم طبق آموزش های قبل جلو بریم و به رادیو باتن استایل بدیم که توی آموزش های قبل که مربوط می شود به EditText و Button شاهد بودیم که پس از style دادن ظاهر خوبی به دکمه ها داده می شود و به خاطر همین قصد داریم ادامه همین آموزش رو در قالب رادیو باتن پیش بریم همان طور که می دانید Radio Button یکی دیگر از عناصر مهم در برنامه نویسی اندروید هست و خیلی از کاربران با این view قرار کردن و می دانند برای چه استفاده می شود اما خود رادیو باتن به تنهایی وقتی اضافه می شود استایل خوبی ندارد و به خاطر همین این آموزش برای شما عزیزان تهیه شده است.

طراحی Flat Button توسط style.xml اندروید استودیو

استایل دادن به Text field ها EditText Style.xml اندروید استودیو

لطفا پروژه جدیدی را در محیط اندروید استودیو ایجاد کنید حال Layout  باز کنید سپس   actitivtymain  کلیک کنید و تب xml را انتخاب کنید و سورس کد زیر را پیست کنید برای ایجاد کردن یک رادیو باتن در محیط xml که اگر برگردیم به بخش PerView می توانیم دید خوبی نسبت به کاری که میخواهیم انجام بدیم داشته باشیم.دقت کنید به صورت پیشفرض مشخص کرده ایم که رادیو باتن چک خورده باشه یعنی فعال باشه به صورت پیشفرض.

<RadioButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true"
    android:text="Radio Button"/>

لطفا بخش values را باز کنید و سپس روی style.xml کلیک کنید و استایل دلخواه خودتان و یا استایل که من ایجاد کرده ایم رو تایپ و یا پیست کنید.

;style name="MyRadioButton" parent="Theme.AppCompat.Light";
    &;item name="colorControlNormal">@color/indigo</item>
    &;item name="colorControlActivated">@color/pink</item>
;/style>

خوب حالا توی لایوت خودمون بر می گردیم و استایل مورد نظر رو میدیم دقت کنید اگر سورس کد بالا رو تایپ کنید حتما متوجه می شوید که به قسمت color گیر می دهد اندروید استودیو دلیلش به خاطر اینکه شما باید توی color.xml رنگ لخواه خودتون با نامی که اینجا هست ایجاد کنید.

<RadioButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true"
    android:text="Radio Button"
    android:theme="@style/MyRadioButton"/>

دمو کاری که می خواستیم انجام بدیم :

خوب امیدواریم که این آموزش هم مثل آموزش های قبلی متریال دیزاین مورد عنایت شما عزیزان قرار گرفته باشه موفق و پیروز باشید.
منبع آموزش : خانه اندروید.