یک فنجان مشاوره
مهـمـان مــا باشیـد

شـمـــاره تــمــاس
031-36628509

Toggle Button چیست و چگونه پیاده سازی می شود؟

انتشار 21 خرداد 1397
دیدگاه ها 0
زمان تقریبی مطالعه
گردآوری پدیده تجارت

سلام، امیدوارم که حالتون خوب باشه و روز خوبی رو شروع کرده باشین. با یه آموزش دیگه از مباحث اندروید استودیو در خدمتتون هستیم. امروز قصد داریم که مراحل طراحی یک Toggle Button در اندروید استودیو را باهم بررسی کنیم.

خب قبل از هرچیزی شاید از خودتون بپرسین که Toggle Button چیه و مهم تر از اون چه کاربردی در اندروید داره؟

خب در ادامه مقاله جواب این دوتا سوال رو میفهمیم و بعدشم Toggle Button رو داخل اندروید استودیو پیاده سازی میکنیم.

معرفی اجمالی Toggle Button:

کلیت کار این ابزار در اندروید استودیو، چیزی شبیه به  متغیر Boolean می مونه.(این نوع متغیر، مقدارهای 0و1 یا True,False رو در خودش ذخیره میکنه.) یعنی شما برای فعال کردن و یا غیر فعال کردن چیزی در پروژه اندرویدتون، حتما به این ابزار نیاز دارید.

به عنوان مثال آیگن وای فای رو در گوشی های اندروید در نظر بگیرید. در حالت عادی این آیکن انخاب نشده هستش ولی وقتی روی اون کلیک میکنید، میبینید که وای فای شما فعال شده و میتونید از اینترنت استفاده کنید.

Toggle Bottun

به تصویر متحرک بالا دقت کنید، این هم یک نمونه خیلی ساده از Toggle Button هستش که برای انتخاب کردن Yes و یا No طراحی شده.

امروز در این مقاله می خواهیم طراحی یک Toggle Button ساده در اندروید رو باهم بررسی کنیم.

خب اول از هرچیزی اندروید استودیو رو اجرا میکنیم و یک پروژه جدید میسازیم. من اسم پروژمون رو Toggle Button میزارم و مثل مقاله های قبلی موارد پیش فرض رو براش انتخاب میکنم.

خب الان باید ابزار تاگل باتن رو به پروژمون اضافه کنیم. برای اینکار همونطور که میدونید، میریم به قسمت Layout پروژه و در بخش design، ابزار تاگل باتن رو اضافه میکنیم.

الان میریم داخل قسمت تنظیماتش و براش یک آیدی قرار میدیم. من آیدی تاگل باتن رو Tgl_Btn میزارم و خاصیت textOn اون رو On قرار میدیم. به زیر دقت کنید:

<ToggleButton
        android:text="ToggleButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/Tgl_Btn"
        android:textOn="On"
        android:textOff="Off"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="150dp" />

    <Button
        android:text="Reasult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/Tgl_Btn"
        android:layout_alignStart="@+id/Tgl_Btn"
        android:layout_marginTop="45dp"
        android:id="@+id/btn1" />

تکمیل فرآیند پروژه:

خب الان باید بریم به MainActivity و ادامه کار رو اعمال کنیم.برای اول کار، باید برای تابع ()onClick ، یک متغیر به اسم Reasult از نوع StringBuffer تعریف میکنیم. برای ادامه هم، این متغیر، وضعیت ToggleButton رو مشخص میکنه و برای تکمیل فرایند پروژه، اون رو به کاربر نمایش می ده.

کد نهایی پروژه رو در زیر میبینید:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
import android.widget.ToggleButton;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

         ToggleButton toggle_button = (ToggleButton) findViewById(R.id.Tog_Btn);

         Button button =  (Button)findViewById(R.id.btn1);

        button.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {

                StringBuffer Reasult = new StringBuffer();

                Reasult.append("ToggleButton : ").append(tg.getText());

                Toast.makeText(MainActivity.this, Reasult.toString(),  Toast.LENGTH_SHORT).show();
            }
        });
    }
}

خب الان پروژمون کامل شده و با زدن ToggleButton و سپس Button برنامه اجرا میشه. به این صورت که می تونید Toggle Button را در وضعیت On و یا Off قرار بدید و با زدن دکمه Button از وضعیت آن مطلع شید.

خب اینم از آموزش امروز. امیدوارم که از آموزش امروز نهایت لذت رو برده باشید و برای شما کاربردی بوده باشه. ^.^

برای شرکت در دوره های آموزشی مجموعه پدیده تجارت، به قسمت دوره های آموزشی اندروید کلیک کنید. همچنین برای مشاهده ی  اپلیکیشن های کاربردی اندروید، بر روی نمونه کارهای اندروید کلیک کنید. اگر مایل به سفارش اپلیکیشن اندروید نیز هستید، مجموعه پدیده تجارت با ده سال سابقه کار، عضو اتحادیه و با کوله باری از تجربه و دانش در خدمت شما خواهد بود. ما با آغوش باز، منتظر شروع همکاری شیرین و دوستانه با شما خواهیم بود.

 

*آینده از آن کسب و کارهای آنلاین است*

تولید شده در بخش تولید محتوا پدیده تجارت

 

 

 

مقالات مرتبط

شاید علاقمند به دیدن این مقالات نیز باشید
(آرشیو کامل)

دیجیتال مارکتینگ چیست ؟ دیجیتال مارکتینگ چیست ؟ مقالات برندینگ

پدیده تجارت

12 تیر 1398

چگونه ادمین یک پیج اینستاگرام بشویم ؟ چگونه ادمین یک پیج اینستاگرام بشویم ؟ مقالات شبکه های اجتماعی

پدیده تجارت

14 تیر 1399

تجارت الکترونیک در ایران – سیستم های خرید پستی تجارت الکترونیک در ایران – سیستم های خرید پستی مقالات تجارت الکترونیک

پدیده تجارت

15 دی 1391

SEO  کلاه سیاه چیست تکنیک و روش جلوگیری از آن SEO کلاه سیاه چیست تکنیک و روش جلوگیری از آن مقالات سئو

پدیده تجارت

14 فروردین 1401

تفاوت اینستاگرام و تلگرام برای کسب درآمد در چیست؟ تفاوت اینستاگرام و تلگرام برای کسب درآمد در چیست؟ مقالات تجارت الکترونیک

پدیده تجارت

16 اسفند 1395

تمام اطلاعات راجع به RankBrain تمام اطلاعات راجع به RankBrain مقالات سئو

پدیده تجارت

29 فروردین 1397

نکات کاربردی برای یادگیری انواع برنامه نویسی نکات کاربردی برای یادگیری انواع برنامه نویسی مقالات تجارت الکترونیک

پدیده تجارت

19 تیر 1398

گوگل ادز(اد وردز) چیست؟ گوگل ادز(اد وردز) چیست؟ مقالات تجارت الکترونیک

پدیده تجارت

05 آذر 1398

پایگاه داده چیست ؟ پایگاه داده چیست ؟ مقالات طراحی وب سایت

پدیده تجارت

04 دی 1398

مزایای سفارش طراحی سایت به شرکت های حقوقی مزایای سفارش طراحی سایت به شرکت های حقوقی مقالات طراحی وب سایت

پدیده تجارت

18 خرداد 1396

اشتراک گذاری متن در اندروید استودیو اشتراک گذاری متن در اندروید استودیو

پدیده تجارت

17 فروردین 1398

روال سفارش یک وبسایت به چه صورتی خواهد بود؟ روال سفارش یک وبسایت به چه صورتی خواهد بود؟ مقالات تجارت الکترونیک

پدیده تجارت

21 مهر 1397

دیدگاه کاربران

0

0 0 رای ها
امتیازدهی به مقاله
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها