آشنایی با ویو (View)
فیلم آشنایی با ویو (View)
متن به همراه عکس آشنایی با ویو (View)
در این مقالهی آموزشی میخواهیم نحوهی کار با ویو را یاد بگیریم و با هم انجام دهیم.
ویو چیست؟
یک ظاهر نمایشی است که برای زیباسازی و جداسازی اِلِمانهایی مثل باتن، تکست ویو و موارد دیگر، در صفحه استفاده میشود.
نحوهی استفاده از ویو:
ابتدا یک پروژهی جدید میسازیم. سپس از طریق مسیر زیر وارد لایه میشویم:
App>res>layout>activity_main.xml
به صورت پیش فرض یک تکست ویو داخل پروژه وجود دارد که آن را پاک میکنیم تا یک لایهی خالی داشته باشیم.
برای کار با ویو در قسمت search، ویو را مینویسیم (View) .داخل گزینهها ویو را نشان میدهد که روی آن کلیک میکنیم، آن را میگیریم و به پروژه اضافه میکنیم.
ویژگی ویو چیست؟
ویو به ما کمک میکند که بین اِلِمانهایی که داریم، مثل باتن، تکست ویو، ایمیج ویو و موارد دیگر، فاصلهای ایجاد کنیم تا ظاهر برنامه ای که می سازیم قشنگتر باشد.
تغییر اندازهی ویو:
میتوانیم در قسمت Declared Attributes اندازهی ویو را تغییر دهیم، مثلا قسمت layout_widgh را در حالت 0dp) Match constraint)، و قسمت layout_weight را در حالت 5dp قرار دهیم. مشاهده میکنیم که ویوی ما به صورت شکل زیر درآمده است.
اضافه کردن رنگ به ویو:
برای اینکار میتوانیم در قسمت All Attributes گزینهی background را پیدا کنیم و یا آن را در قسمت search جستجو کنیم. سپس رنگ موردنظرمان را اضافه کنیم. معمولا از رنگهایی که تفاوت چندانی در صفحه ایجاد نکند استفاده میکنیم، مثل خاکستری.
در قسمت All Attributes ویژگیهای دیگری نیز وجود دارد که میتوانیم از هریک، برای ویوی اضافه شده استفاده کنیم.
مشاهده میکنیم که یک خط باریک قرمز رنگ، به پروژهمان اضافه شد که در واقع همان ویوی ما میباشد.
حال اگر بخواهیم دو المان مثل باتن، تکست ویو یا هر ویوی دیگری را به لایه اضافه کنیم، یکی در بالای ویو و یکی در پایین ویو، و بین این دو برای ایجاد فاصله خطی ایجاد کنیم، می،توانیم از این گزینه استفاده کنیم.
یک نکتهای که باید به آن توجه کنیم این است که چون لایهمان از نوع کانسترینت لیوت است، حتما باید المانهای اضافه شده و ویوی اضافه شده در وسط صفحه را از بالا، پایین، چپ و راست به دیوارههای صفحه وصل کنیم.
حال از پروژهمان اجرا میگیریم تا ظاهر آن را بررسی کنیم.
مشاهده میکنیم که یک خط به وسط صفحه اضافه شده و دو تکست ویو را از هم جدا کرده است. میتوانیم ویوی اضافه شده را حرکت دهیم و رنگ آن را نیز تغییر دهیم که درنهایت از پروژه اجرا میگیریم نتیجه را بررسی میکنیم.
دانلود فایل
مطالب زیر را حتما بخوانید
-
نحوهی کار با ویدئوپلیر (Video Player) از طریق پوشهی raw
7.42k بازدید
-
آلرت دیالوگ (AlertDialog) چیست و نحوهی کار با آن چگونه است؟
7.02k بازدید
-
اسنکبار (Snackbar) در اندروید
4.56k بازدید
-
ّFloating action Button (فلوتینگ اکشن باتن) در اندروید
4.39k بازدید
-
نحوهی کار با فریم لیوت (FrameLayout)
4.83k بازدید
-
یک روش برای تمرکز در برنامهنویسی
3.27k بازدید
دیدگاهتان را بنویسید