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

همانطور که در تصویر بالا مشاهده می کنید زمانی که به محیط Designer وارد می شوید یک قسمت در بالای آن هست به نام Variants که از این قسمت برای اضافه کردن سایر ابعاد موبایل استفاده می شود که به طور پیش فرض دارای یک اندازه است که اندازه آن : 480 * 320 است.
وارد کردن ابعاد موبایل ها و تبلت ها

برای اضافه کردن ابعاد دیگر بر روی New Variant کلیک می کنید که یک صفحه باز می شود(تصویر بالا) که می توانید ابعاد دیگر برای موبایل ها یا تبلت ها را نیز وارد نمایید. که در اینجا ما ابعاد 320 * 480 نیز وارد می کنیم.
بررسی Script-General

بعد همانطور که در تصویر بالا مشاهده می کنید باید از هر سمت برای المان مورد نظرتان فاصله آن را در قسمت Script-General با استفاده از کد تعیین نمایید که در تصویر بالا همانطور که از کد ها معلوم است از سمت راست و چپ و پایین و بالا به آن فاصله داده شده است و چیزی که باید به آن توجه نمایید این است که زمانی که از کد برای طراحی استفاده می کنید دیگر نمی توانید به صورت دستی مکان و اندازه المان ها را تغییر بدهید.
Button1.SetLeftAndRight(10%x,90%x)
Button1.SetTopAndBottom(40%x,48%x)
در بعضی مواقع شما می خواهید که حالت و اندازه المانتان زمانی موبایل حالت افقی بود به یک اندازه باشد و اگر حالت عمودی قرار گرفت اندازه آن تغییر کند که در اینجور مواقع از شرط If استفاده می کنید که نمونه کد آن را در تصویر بالا مشاهده می کنید. همچنین می توانید اندازه المان را از هر سمت به صورت تکی تغییر بدهید به تصویر زیر توجه نمایید.

If Portrait Then
Button1.SetLeftAndRight(10%x,90%x)
Button1.SetTopAndBottom(40%y,48%y)
Else
Button1.SetLeftAndRight(85%x,95%x)
Button1.SetTopAndBottom(5%y,15%y)
End If
سخن آخر

همانطور که در تصویر بالا نیز مشاهده می کنید برای سمت راست ، چپ ، بالا و پایین هر کدام به صورت جداگانه اندازه دادیم و مکان آن ها را تعیین کردیم.
Button1.Left = 408
Button1.Width = 48
Button1.Top = 14
Button1.Height = 100
.
در این قسمت قصد داشتیم شما کاربران محترم را با طراحی واکنشگرا در Dsigner آشنا کنیم .اگر تا به حال موفق به دیدن قسمت های گذشته این دوره آموزشی رایگان نشده اید به کلیک کنید مراجعه کنید. امیدواریم این قسمت از برنامه نویسی اپلیکیشن اندروید با بیسیک فور اندروید از سایت مدیران اپ مورد استفاده شما کاربران عزیز قرار گرفته باشد
قوانین ثبت دیدگاه
متاسفانه نظری برای این مطلب وجود ندارد، شما اولین نفر باشید.