ورود با اکانت گوگل
یا
آقای متریال

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

آموزش سوئیچ Switch

rouhollah.mz


اطلاعات نویسنده
پشتیبانی
برای دیدن اطلاعات تماس تهیه کننده این محصول باید محصول رو خریداری کرده باشید

به نام خدا 

 

سلام ، در خدمتتون هستیم با آموزش سوئیچ Switch

 

سوییچ برای تنظیمات استفاده میشوند (نه یک سوىیچ برای چند تنظیمات) .
گزینه ای که دکمه سوییچ کنترل میکند همانند حالت لحظه ای آن باید کاملا برای کاربر واضح باشد .
سوییچ ها و رادیو باتن ها دارای خاصیت های یکی هستند .
دکمه سوییچ با دو متن روشن/خاموش در طرفین منسوخ شده، بجای آن از دکمه سوییچ نمایش داده شده استفاده کنید .

 

__

برای اضافه کردن Switch در اولین مرحله باید کتابخانه ی AppCompat رو در build.gradle وارد کنیم :

dependencies {  
    'compile 'com.android.support:appcompat-v7:23.2.1
}

پس از اون باید مطمئن بشیم که اکتیویتی مورد نظر ما extend شده باشه از AppCompatActivity  

public class MainActivity extends AppCompatActivity {  
    ...
}

در مرحله ی بعد باید کافیه که Switch رو در لیوت مورد نظر وارد کنیم :

<android.support.v7.widget.SwitchCompat  
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true"/>

برای اینکه Style مورد نظر خودمون رو (رنگ هنگام تپ شدن و رنگ پیشفرض) به Switch بدیم باید به این شیوه عمل کنیم : 

باید Custom Style خودمون رو در style.xml وارد کنیم :

<style name="MySwitch" parent="Theme.AppCompat.Light">  
    <!-- active thumb & track color (30% transparency) -->
    <item name="colorControlActivated">@color/indigo</item>

    <!-- inactive thumb color -->
    <item name="colorSwitchThumbNormal">@color/pink</item>

    <!-- inactive track color (30% transparency) -->
    <item name="android:colorForeground">@color/grey</item>
</style>  

و برای وارد کردن رنگ مورد نظر ، کافیه که کد رنگ رو بجای این قسمتها وارد کنیم :

color/indigo | color/pink | color/grey

_و تنها کار باقی مونده وارد کردن این Style برای Switch مورد نظر ماست :

<android.support.v7.widget.SwitchCompat  
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true"
    android:theme="@style/MySwitch"/>

نتیجه ی نهایی : 

سوئیچ Switch

__

امیداوریم که آموزش برای شما مفید بوده باشه ، موفق باشید .

دیدگاه هایی که برای این مطلب ارسال شده

  1. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Mahdighaemi تیر ۳۰, ۱۳۹۵

    واقعا عالی بود لطفا ادامه بدید

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Rouhollah.Mz تیر ۳۰, ۱۳۹۵

      ممنون ، آموزش های بیشتری در این موارد منتشر خواهیم کرد …

  2. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: soheil361 مرداد ۲, ۱۳۹۵

    واقعا عالی بود لطفا ادامه بدید

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Rouhollah.Mz مرداد ۲, ۱۳۹۵

      ممنون ، ان شا الله آموزش های بهتری رو در آینده منتشر خواهیم کرد …

  3. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: عبدالخالق مرداد ۲۸, ۱۳۹۵

    بسیار عالی بود

    ممنون ازتون .خیلی استفاده کردم

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Rouhollah.Mz مرداد ۲۹, ۱۳۹۵

      خواهش میکنم .

  4. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: keivan jan مرداد ۲۹, ۱۳۹۵

    این سایت شما www.palette.mrmaterial.ir کار کردن با رنگ ها و تم ها رو خیلی لذت بخش میکنه واقعا شاهکاره. ایده خیلی جالبیه

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Rouhollah.Mz مرداد ۲۹, ۱۳۹۵

      ممنون ، خوشحالیم که مورد پسندتون بوده

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی

لوگوی دوستان

هایپر تمپ | HyperTemp