آموزش Android : آشنایی با View و ViewGroup

آموزش Android : آشنایی با View و ViewGroup

هر اپلیکیشنی، یک شکلی رو به عنوان رابط کاربری در نظر می گیره. توی اندروید، این کار توسط View و ViewGroup انجام میشه. توی این مقاله، در مورد بعضی از رایج ترین انواع View و که در دسترس قرار دارن، صحبت می کنیم.

با ” آموزش Android : آشنایی با Views و View Groups ” با ما همراه باشید…

• سطح سختی: مبتدی
• مدت آموزش: 20 تا 30 دقیقه
• نرم افزار استفاده شده: Android Studio

1. Views

از View Objects عمدتا برای به تصویر کشیدن محتوا روی صفحه یک دستگاه اندرویدی استفاده میشه. راحت ترین روش برای استفاده از View، از طریق فایلLayout  XML هست. به عنوان مثال، فرض کنین اپلیکیشنی به اسم Hello World رو با Android Studio درست کردید. فایل Layout این اپلیکیشن به صورت activity_main_xml هست و یک همچین شکلی داره:

<TextView
    android:id="@+id/hello_world"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!" />

مثال بالا، یک نوع View رو نشون میده که روی صفحه به نمایش در میاد. layout_width و layout_height نشون دهنده فضایی هستن که View در اون به نمایش در میاد و متن Hello World رو ظاهر می کنه. id هم نشون میده که view می تونه Java Code رو هم مرجع قرار بده. مثل زیر:

setContentView(R.layout.activity_main);
TextView textView = (TextView) findViewById(R.id.hello_world);

اگرچه ویژگی های مختلف View رو در XML میشه تغییر داد اما با Java Code هم میشه همین کار رو انجام داد. درست مثل زیر:

textView.setText("This is a changed View");

توی کد بالا، متن TextView به This is a Changed View تغییر کرده و توی اپلیکیشن به این صورت نمایش داده میشه.

حالا که با اصول اولیه View آشنا شدیم، می تونیم انواع مختلف اون رو در Android SDK با هم بررسی کنیم.

Display Views

TextView

توی مثال بالا، از این نوع View استفاده کردیم. مهم ترین کار TextView، نمایش متن روی صفحه دستگاه اندرویدی هست. شاید به نظر کار ساده ای بیاد اما منطق پیچیده ای توی TextView به کار رفته که اجازه نمایش متن Mark Up شده، هایپر لینک، شماره تماس، ایمیل و سایر متون رو میده.

ImageView

همون طور که از اسمش پیداست، ImageView بیشتر برای نمایش تصاویر روی صفحه طراحی شده. این تصاویر هم می تونه تصاویر دانلود شده باشه، هم تصاویری که داخل خود اپلیکیشن ذخیره شده.

Input   و Controls

از بعضی View Objects بیشتر از سایر انواع استفاده میشه. بعضی وقت ها برای کنترل اپلیکیشن، به نوعی Input یا ورودی نیاز داریم. خوشبختانه اندروید زیر شاخه های زیادی از View در اختیارمون میزاره که عمدتا برای این هدف کاربرد دارن.

Button

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

Switch و CheckBox

Switch و CheckBox، حالت فعال و غیر فعالی دارن که میشه بین اون ها جا به جا شد. این دو طبقه موقع تغییر تنظیمات اپلیکیشن کاربرد دارن.

EditText

این View بخشی از TextView هست که به کاربر اجازه تغییر متن رو از طریق کیبورد میده.

Adapter Based Views

تمام طبقه های بالا، مثال هایی از آیتم های واحد هستن. اما بعضی وقت ها مجبور میشیم مجموعه ای از آیتم ها رو به نمایش در بیاریم. این طبقه از View، برای نمایش مجموعه آیتم ها، به Adapter نیاز داره.

ListView

طبقه ListView برای به نمایش در آوردن مجموعه ای از آیتم ها به صورت خطی، تک ستونی و اسکرولی، کاربرد داره. برای نمایش جزئیات هم آیتم یا اجرای عملکردش، میشه اون رو تاچ کرد.

GridView

درست مثل طبقه ListView، این طبقه هم از Adapter برای به نمایش در آوردن آیتم ها در چند ستون استفاده می کنه.

Spinner

آخرین مجموعه از طبقه View، این طبقه است. Spinner از Adapter به نمایش آیتم ها به صورت منو استفاده می کنه. موقعی که روی Spinner کلیک میشه، کاربر می تونه آیتم مورد نیازش رو انتخاب کنه.

View Groups

ViewGroup، یک شی غیر قابل رویت هست که برای نگه داشتن سایر View ها مورد استفاده قرار می گیره و هدف از این کار، سازمان دهی و کنترل Layout صفحه نمایش هست. View Group Object برای ایجاد سلسه مراتبی از View Object کاربرد داره. بنابراین با اون ها میشه Layout های پیچیده ای درست کرد.

ViewGroup Object رو میشه مثل View استاندارد در XML یا Java Code به نمایش در آورد:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:id="@+id/hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
    <TextView
        android:id="@+id/hello_world_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World 2!" />
</LinearLayout>

اگرچه تمام طبقه های ViewGroup کار مشابهی انجام میدن، اما هر زیرشاخه برای یک هدف طراحی شده. بینی بعضی از این ها رو با هم ببینیم.

LinearLayout

Linear Layout آیتم ها رو به ترتیب و به صورتی عمودی یا افقی به نمایش در میاره. از Linear Layout برای وزن دادن به آیتم های Childe View هم استفاده میشه.

RelativeLayout

این زیرشاخه ViewGroup بهمون اجازه میده آیتم های به هم مرتبط رو به نمایش در بیاریم. این طوری موقع نمایش Layout، آزادی و انعطاف پذیری بیشتری وجود داره.

FrameLayout

این طبقه برای به نمایش در آوردن یک Child View واحد طراحی شده. FrameLayout، باعث شده که آیتم ها روی صفحات نمایشی با ابعاد مختلف، به راحتی به نمایش در بیان.

ScrollView

ScrollView هم نوعی FrameLayout هست که اسکرول کردن Child Object های روی صفحه رو به عهده داره.

ViewPager

از ViewPager برای مدیریت View های چندگانه استفاده میشه. ViewPager از Adapter استفاده می کنه و به کاربر اجازه میده که برای دسترسی به آیتم های View، به چپ و راست حرکت کنه.

RecyclerView

RecyclerView، طبقه ای از ViewGroup هست که با ListView و GridView ارتباط داره.

CoordinatorLayout

CoordinatorLayout به تازگی اضافه شده و از Behavior Object برای تعیین وضعیت آیتم Child View استفاده میشه.

Custom Views

اگرچه انواع مختلفی از View و ViewGroup داخل اپلیکیشن وجود داره، اما بعضی اوقات به نوعی اختصاصی یا Custom نیاز پیدا می کنیم. توی همچین شرایطی، می تونیم یک Java Class جدید برای View یا ViewGroup درست کنیم.

نتیجه

توی این آموزش، با یکی از اساسی ترین مضامین اندروید یعنی Layout و View آشنا شدیم. با یادگیری همین اصول مقدماتی چیزهای جدیدی در مورد اندروید یاد می گیریم و با به کارگیری اون ها توی پروژه ها، مسیرهای جدیدی به روی ما باز میشه.

امیدواریم ” آموزش Android : آشنایی با Views و View Groups ”  برای شما مفید بوده باشد…

توصیه می کنم دوره های جامع فارسی مرتبط با این موضوع آریاگستر رو مشاهده کنید:

– صفر تا صد آموزش جاوا

– صفر تا صد آموزش برنامه نویسی اندروید با اندروید استودیو

– صفر تا صد آموزش برنامه نویسی اندروید با اکلیپس

توجه : مطالب و مقالات وبسایت آریاگستر تماما توسط تیم تالیف و ترجمه سایت و با زحمت فراوان فراهم شده است . لذا تنها با ذکر منبع آریا گستر و لینک به همین صفحه انتشار این مطالب بلامانع است !

دوره های آموزشی مرتبط