قسمت18: طراحی responsive در بیسیک فوراندروید | مدیران اَپ

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

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

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

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

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

بررسی Variants

قسمت هجدهم دوره آموزشی رایگان بیسیک فور اندروید
Variants

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

وارد کردن ابعاد موبایل ها و تبلت ها

بررسی New Variant
New Variant

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

بررسی Script-General

Script-General
استفاده از 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 آشنا کنیم .اگر تا به حال موفق به دیدن قسمت های گذشته این دوره آموزشی رایگان نشده اید به کلیک کنید مراجعه کنید. امیدواریم این قسمت از برنامه نویسی اپلیکیشن اندروید با بیسیک فور اندروید از سایت مدیران اپ مورد استفاده شما کاربران عزیز قرار گرفته باشد

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

باکس دانلود

راهنما

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

دوره های آموزشی

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

0 نظر در مورد قسمت18: طراحی responsive در بیسیک فوراندروید
    قوانین ثبت دیدگاه
  • دیدگاه های فینگلیش تایید نخواهند شد.
  • دیدگاه های نامرتبط به مطلب تایید نخواهد شد.
  • از درج دیدگاه های تکراری پرهیز نمایید.
  • امتیاز دادن به دوره فقط مخصوص دانشجویان دوره می باشد.

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

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

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