Learning B4A

در این پست میخواهیم برای شما ویو های بیسیک 4 اندروید را برایتان معرفی کنیم.حتما در برنامه های اندروید دیدید که یک متن قرار داده شده یا یک دکمه هست یا یک لیست و یا یک عکس و... به این اشیاه که در برنامه نویسی استفاده میشه ویو(View) گفته میشه که قرارا کار با اون هارو در این پست یاد بگیرید

اموزش در ادامه مطلب

انواع ویو ها

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

1.Lable

 لیبل ها یا برچسب ها ، ویو هایی هستن که متنی رو در خودشون نشون میدن.به عبارتی دیگه ویو ها اشیایی هستن که پل ارتباطی بین برنامه نویسان و کاربران هستند.برای مثال در برنامه ای که قرار اسمی رو بگیره، برنامه نویس یک لیبل قرار میده که کاربر بدونه در اون قسمت باید نام رو وارد کنه.از لیبل ها برای نوشتن متن کتاب ها، گرفتن متن ها از دیتابیس و... استفاده میشه.(میشه گفت هر چیزی که مربوط به متن باشه)البته میتوان در لیبل ها تصویر نیز قرار داد که بحث مربوط به خودش رو داره.برای اضافه کردن لیبل به محیط دیزاینر، وارد منوی دیزاینر شده و از قسمت add View  بر روی لیبل کلیک کنید.برخی از خاصیت های مهم لیبل رو در زیر میبینیم.

Label1.Background با استاده از این خاصیت میتونید به لیبلتون پس زمینه اختصاص بدید(رنگ و یا عکس)

Label1.Color  رنگ پس زمینه رو تغییر میده

Label1.Gravity  برای وسط چین ، چپ چین و … استفاده میشه

Label1.Height  ارتفاع لیبل رو مشخص میکنه

Label1.Text  متن لیبل رو مشخص میکنه

Label1.TextColor  رنگ متن رو تغییر میده

Label1.TextSize  بزرگی فونت رو تغییر میده

Label1.Typeface  فونت لیبل رو تغییر میده

البته میتونید این خاصیت هارو نیز از منوی دیزاینر نیز تغییر بدید.

2.EditText

Edit Text ها ویو های هستن که ما متنی رو در اونا وارد میکنیم

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

به عبارتی دیگر Edit Text ها رابط بین کاربر و برنامه نویس هستن که کاربر اطلاعات رو به برنامه میده(حالا برای جستجو، برای ذخیره و یا برای هر چیزی)

میتوان گفت که این ویو یکی از پر کاربرد ترین ویو ها هست

در ادامه برخی ویژگی های مهم این ویو رو میبینیم.

(edاسم ادیت تکیت هست که تعریف کریدم )

ed.Background

میتونید به این ویو پس زمینه بدید(عکس یا drawable)

ed.Color

به ادیت تکست رنگ پس زمینه میدید

ed.Gravity

برای راست چین،چپ چین و … استفاده میشه

1 ed.Height

برای ارتفاع ادیت تکست استفاده میشه

1 ed.Hint

یک متن رو برای راهنمایی بیشتر در ادیت تکست مینویسه

ed.PasswordMode

حالت پسورد میده به ادیت تکست

ed.Color=Colors.White

ed.Gravity=Gravity.CENTER

ed.TextColor=Colors.Black

ed.PasswordMode=True

ed.Text

ed.TextColor

ed.TextSize

ed.Typeface

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

کد های زیر ادیت تکست را در حالت معمولی نشان میدهند ( از خاصیت hint استفاده شده است)

ed.Color=Colors.White

ed.Gravity=Gravity.CENTER

ed.Hint="test"

ed.HintColor=Colors.Red

3.Button

دکمه ها ویو هایی هستن که کاربر میتونه به وسیله ی اونها کارهای مختلفی بکنه Buttonیا
برای مثال، زمانی که نام و شماره رو در ادیت تکست وارد کرد، با زدن دکمه، اطلاعات در بانک ثب شن و یا سایت باز شه و یا ویو یی ظاهر شه.
دکمه ها هم خاصیت های مشابه قبل رو دارن
این سه ویو یعنی :لیبل باتن و ادیت تکست مهم ترین و پرکار برد ترین ویو ها هستند که در برنامه نویسی میتونید ازشون استفاده کنید

4.CheckBox

از چک باکس ها برای اضافه کردن امکاناتی به برنامه ها استفاده میشه

برای مثال اگر فلان چک باکس تیک خورده بود ، یه کار اضافه انجام بشه نسبت به زمانی که اون چک باکس تیک نداره.

(بیش تر برای ارتباط با دیتابیس(مثلا اگر چک باکس تیک داشته داده ی مد نظر در دو جدول ذخیره بشه))

در زیر چند تا از خصوصیاتی که چک باکس داره بررسی میکنیم.

chb.Color

chb.Checked

chb.Gravity

chb.Height

chb.Background

chb.Text

chb.TextColor

chb.TextSize

chb.Typeface

chb.Visible

خط اول ، رنگ پس زمینه ی چک باکس رو تغییر میده

خط دوم که بسیار مهم هست ، حالت پیشفرض چک باکس رو تایین میکنه (تیک دار باشه یا نه(یک بولین هست که مقدار True,False رو قبول میکنه))

خط سوم راست چین ، وسط چین و … چک باکس رو تایین میکنه

خط چهارم ارتفاع چک باکس رو مشخص میکنه

خط پنجم ، یک تصویر Bitmap رو به چک باکس اختصاص میده

خط ششم متنی رو کنار چک باکس نوشته میشه رو تایین میکنه

خط هفتم ، هشتم و نهم به ترتیب رنگ متن ، سایز فونت و فونت چک باکس رو تایین میکنه.

خط دهم هم تایین میکنه که چک باکس نمایان باشه یا مخفی(بولین هست و مقدار True , False رو قبول میکنه)

5.RadioButtn

یکی دیگه از ویو هایی که خیلی کاربرد دارن ، دکمه های رادیویی هستن

فرض کنید یک برنامه نوشتید که باید بین دو گزینه فقط یکی انتخاب شه(برای مثال جنسیت(یا مرد یا زن))

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

شما باید از دکمه های رادیویی استفاده کنید

شما اگر در یک Container بی نهایت دکمه رادیویی داشته باشید ، فقط یکی قابل انتخاب هست(اما اگر از دو Container و یا بیشتر استفاده کنید، میتونید در هر کدا از Container هاتون از قابلین دکمه رادیویی استفاده کنید.)

خاصیت های دکمه های رادیویی هیچ تفاوتی با حالت های قبل ندارن و مهم ترین اونها خاصیت زیر هست.

rdb1.Checked

5.Auto CompeletEditText

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

خوب برای انجام این کار ، شما از Auto Edittext استفاده میکنید

کاربردش واقعا راحته و فقط کافیه که کلماتتون رو در یک لیست وارد کنید و بعد لیست رو به Auto Edittext اضافه کنید.

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

Dim l As list

 l.Initialize

l.Add("shahab")

l.Add("ali")

l.Add("reza")

l.Add("rahman")

autoEDIT.SetItems(l)

7.ImageView

یکی دیگه از ویو های مهم و صد البته جالب ، ایمیج ویو هست که میتونید تصاویرتون رو در اون قرار بدید.
تمامی خاصیت ها مثل بالا هستن و فقط یک خاصیت جدید داریم

    img.Bitmap
ساده ترین راه ، انتخاب تصویر از قسمت دیزاینر هست
از قسمت ایمیج فایل ، فایلی رو که از قبل اضافه کردید، رو انتخاب کنید
این هم یکی  از پر کاربرد ترین ویو هایی است که مورد توجه برنامه نویسان قرارداره

8.ScrollView

خیلی اوقات براتون پیش اومده متنی دارید که بزرگتر از صفحه گوشی میشه(متن خیلی طولانی) و لیبلتون از جایی به بعد دیگه نشون نمیده متن رو

خوب، باید چیکار کرد؟

بهترین کار استفاده از اسکرول ویو هستش

اسکرول ویو باعث میشه که حتی اگه متنتون بزرگتر بود، با حرکت انگشتتون صفحه رو بالا یا پایین کنید.

خاصیت های بیشتر اشیا، یکسان و این ویو ، دو خاصیت جدید زیر رو داراست.

<pre>ScrollView1.Panel

ScrollView1.ScrollPosition</pre>

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

9.HorizontalScrollView

از این ویو ، زمانی استفاده میشه که شما بخواهید صفحه رو به شکل افقی اسکرول کنید(برای مثال در مرورگر های گوشیتون)

خاصیت هایی که داره مثل اسکرول ویو معمولی هستش.

10.ListView

همونطور که از نام لیست ویو پیداست، مطالب رو به شکل لیستی نشون میده
برای مثال اگر به تنظیمات گوشیتون، مخاطبینتون،مخاطبین وایبر،پیام ها و … توجه کنید ، همگی از لیست ویو درست شده ان
لیست ویو مبحث بسیار بزرگ و کاربردی هستش که در اینده به شکل پیشرفته در نسخه های دیگه اون رو فرا میگیریم.

11.ProgressBar

این ویو، ابزاری برای نشان دادن موفقیت یک کار است(برای مثال لودینگ،دانلود،اپلود،صفحات اسپلش،موزشک پلیرها و …)

مهم ترین خاصیت این ویو خاصیت زیر هستش که میتونید مقدار نوار پراگرس بار رو تایین کنید.

ProgressBar1.Progress

12.Spinner

دوستانی که برنامه نویسی ویندوز میکنن ، مسلما با کمبو باکس آشنایی دارن.
کمبو باکس شیئی هست که با کلیک بر روی اون، لیستی زیرش باز میشه که چندین گزینه داره(مثل انتخاب فونت در افیس)
کاربرد اسپینر هم دقیقا مانند کمبو باکس هستش.
اسپینر سه خاصیت جدید داره که بررسی شون میکنیم.

Spinner1.Add
Spinner1.DropdownBackgroundColor
Spinner1.DropdownTextColor

خط اول برای اضافه کردن ایتم جدید به اسپینر استفاده میشه
خط دوم، رنگ پس زمینه لیسی که با کلیک روی اسپینر باز میشه رو تغییر میده.
خط سوم هم ، رنگ متن اون لیست رو تغییر میده
برای مثال

    Spinner1.Add("android")
Spinner1.Add("Iphone")
Spinner1.Add("Windows")
Spinner1.Add("bada")
Spinner1.Add("WebOS")

13.WebView

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

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

ویو قسمت های زیر رو داره(جدید هستن و در ویو های قبلی نداشتیمشون)

WebView1.JavaScriptEnabled

WebView1.ZoomEnabled

WebView1.LoadHtml

WebView1.LoadUrl

خط اول ، تایین میکنه که کد های جاوا اسکریپت فعال باشن یا نه(بولین هست و مقدار true , false رو قبول میکنه)

خط دوم، فعال بودن بزرگنمایی رو کنترل میکنه(بولین هست)

خط سوم ، صفحه ی html رو لود میکنه(جه در فایل های برنامه و یا جه در وب)

خط چهارم آدرس اینترنتی رو لود میکنه(چه آدرس فایل html در فایل های برنامه و چه آدرس وب)

برای مثال.

WebView1.LoadUrl("www.google.com")