شما اینجا هستید: خانه » برنامه نویسی اندروید » رابط کاربری اندروید » کنترل های UI در اندروید

کنترل های UI در اندروید

کنترل های ورودی ، کنترل های تعاملی بین کاربر و برنامه ی اندرویدی هستند که در رابط کاربری برنامه ی اندرودی شما قرار میگیرند . 

Android طیف وسیعی از این کنترل ها را برای توسعه دهندگان اندرویدی فراهم کرده است مانندbuttons, text fields, seek bars, check box, zoom buttons, toggle buttons, و بسیاری موارد دیگر

 

فایل ویدیویی این آموزش بصورت فارسی با کیفیت بالا اضافه شد جهت تسریع در یادگیری خودتان حتما خرید کنید 

3000 تومان – خرید

 

کنترل ها در اندروید

کنترل ها در اندروید

هر View یک شی هست که چیزهایی را بر روی صفحه ی نمایش ، نشان میدهد . هر ViewGroup هم یک شی هست که درون خود View ها یا ViewGroup های دیگری را در فایل layout  به نمایش میگذارد . 

هر فایل layout از یک فایل XML تشکیل شده است ، که یک ساختار قابل درک توسط انسان را ارائه میدهد درست مثل HTML . 

برای مثال ، یک layout عمودی ، که شامل یک Button  و یک TextView هست باید به شکل زیر باشد : 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a TextView" />
   
   <Button android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a Button" />
</LinearLayout>

کنترل های رابط کاربری در اندروید :

تعداد زیادی کنترل وجود دارد که به توسعه دهنده ی اندرویدی کمک میکند که رابط کاربری خود را با استفاده از انها تولید کند : 

شماره نام و توضیحات کنترل
۱ TextView برای نمایش دادن یک متن ساده کاربرد دارد 
۲ EditText برای دریافت داده ها از کاربر استفاده میشود و یک فیلد متنی ، عددی ، پسورد و … میسازد
۳ AutoCompleteTextView همانند همان EditText میباشد ولی با این تفاوت که هنگام تایپ کردن توسط کاربر بطور خودکار پر میشود . 
۴ Button برای ساخت دکمه های قابل کلیک در اندروید بکار میروند 
۵ ImageButton همانند همان Button هستند با این تفاوت که قابلیت نمایش تصویر را دارند . 
۶ CheckBox  برای فعال / غیر فعال کردن گزینه ای توسط کاربر به کار میرود
۷ ToggleButton یک دکمه فعال / غیرفعال شدنی با قابلیت افکت 
۸ RadioButton  گزینه هایی که باید فقط یکی از انها انتخاب شود با این ویو انجام میگیرد 
۹ RadioGroup مجموعه ای از RadioButton ها را در خود نگهداری میکند 
۱۰ ProgressBar  وضعیت پردازش های در حال انجام را نشان میدهد . مثل عبارتی مانند "لطفا صبر کنید …" یا برنامه در حال ارتباط با سرور هست و ….
۱۱ Spinner یک لیست بازشو که کاربر میتواند یکی از گزینه های موجود درون آن را انتخاب کند
۱۲ TimePicker  با این ابزار ، توسعه دهنده میتواند به کاربران اجازه دهد که زمان دقیق ، را انتخاب کنند به عبارتی دیگر ، ساعت دقیق در آن روز را انتخاب و حتی am/pm بودن آنرا نیز مشخص کنند
۱۳ DatePicker همانند TimePicker با این تفاوت که قابلیت انتخاب تاریخ را فراهم میکند 

 

ساخت کنترل های UI ( رابط کاربری ) در اندروید  : 

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

مانند : buttons, text fields, seek bars, check box, zoom buttons, toggle buttons و خیلی بیشتر …

همانطور که در آموزش های قبلی نیز گفتیم ! هر View که در اندروید میسازیم دارای یک خصیصه به نام آیدی هست که شناسنامه ی آن View هست و آنرا از بقیه تفکیک میکند 

برای تعریف آیدی برای هر View نیز از کد زیر برای آن View استفاده میکنیم : 

android:id="@+id/text_id"

برای ساخت هر یک از سه جز که قبلا شناختیم ( Control/View/Widget ) ، شما بایستی یک view/widget بسازید 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent" 
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text_id"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a TextView" />
</LinearLayout>

در نهایت ، یک کنترل بسازید و آنرا طبق کد زیر به درون جاوا ببرید و روی آن عملیات ایجاد کنید 

TextView myText = (TextView) findViewById(R.id.text_id);

 

قطعه کد بالا درون اکتیویتی نوشته میشود و کل TextView که در لیوت قرار داشت را به درون کدهای جاوا که درون اکتیویتی هست فراخوانی میکند 

تمام!

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

http://Samenta.ir

1 دیدگاه

  1. ممنون عالی بود 

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *