قسمت۱۸: طراحی responsive در بیسیک فوراندروید

طراحی responsive در بیسیک فوراندروید

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

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

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

برنامه نویسی اپلیکیشن اندروید با بیسیک فور اندروید

همانطور که در تصویر بالا مشاهده می کنید زمانی که به محیط دیزاینر وارد می شوید یک قسمت در بالای آن هست به نام Variants که از این قسمت برای اضافه کردن سایر ابعاد موبایل استفاده می شود که به طور پیش فرض دارای یک اندازه است که اندازه آن : ۴۸۰ * ۳۲۰ است.

برنامه نویسی اپلیکیشن اندروید با بیسیک فور اندروید

برای اضافه کردن ابعاد دیگر بر روی New Variant کلیک می کنید که یک صفحه باز می شود(تصویر بالا) که می توانید ابعاد دیگر برای موبایل ها یا تبلت ها را نیز وارد نمایید. که در اینجا ما ابعاد ۳۲۰ * ۴۸۰ نیز وارد می کنیم.

برنامه نویسی اپلیکیشن اندروید با بیسیک فور اندروید

بعد همانطور که در تصویر بالا مشاهده می کنید باید از هر سمت برای المان مورد نظرتان فاصله آن را در قسمت 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

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

مصطفی کثیری
مصطفی کثیری
چندسال هست در زمینه برنامه نویسی اندروید با بیسیک فور اندروید فعالیت دارم و همچنین به مباحت شبکه های کامپیوتر و دوره های های (mtcna و ... ) تسلط کامل دارم.اینجا هستم تا اندک دانش خودم را با شما به اشتراک بذارم.✌️
برچسب ها:
در تلگرام
مدیران اَپ را دنبال کنید!
در اینستاگرام
مدیران اَپ را دنبال کنید!

باکس دانلود

راهنما

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

نظر شما در این رابطه چیست؟

0 نظر در مورد قسمت۱۸: طراحی responsive در بیسیک فوراندروید

دیدگاهتان را بنویسید

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

متاسفانه نظری برای این مطلب وجود ندارد، شما اولین نفر باشید.