قسمت12: آشنایی با دکمه در بیسیک فوراندروید

امروز با قسمت دوازدهم دوره‌ آموزش رایگان بیسیک فور اندروید در خدمت شما هستیم. در این قسمت می خواهیم شما عزیزان را با دکمه Button و جزیئات آن در تب Designer بیش تر آشنا کنیم پس در ادامه با ما همراه باشید

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

ایجاد یک Button

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

ابتدا برای دسترسی به دکمه ها و ایجاد دکمه باید قسمت Designer را در بیسیک فور اندروید باز کنید که ابتدا یک دکمه پیش فرض داخل آن است که باید آن را حذف کنید و زمانی که حذف کردید تصویر زیر را مشاهده می کنید.

حال داخل layout ما هیچ view قرار ندارد.در سمت راست برنامه راست کلیک کنید و بعد گزینه Add view وسپس گزینه Button را همانند تصویر زیر انتخاب کنید.

انداره دکمه ایی که ایجاد کرده اید و همچینین جایگاه آن دکمه را می توانید براساس سلیقه خود در Activity قرار دهید.

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

بررسی آرگومان های موجود در Button

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

اولین آرگومان name می باشد که می توانیم اسم دکمه را تعیین کنیم به طور مثال:

Name= btn1

زمانی که اسم دکمه را مشخص می کنید به طور پیش فرض نام Event Name نیز تغییر خواهد کرد که در ادامه به تفاوت Event Name و name  خواهیم پرداخت.

 حال ارگومان parent که به طور پیش فرض بر روی Activity یعنی صفحه اصلی است ولی زمانی که المان دیگری اضافه کنید به این لیست اضافه می شود و می توانید Parent آن را روی چیزی دیگری به غیر از Activity تعیین کنید. همانطور که در تصویر بالا مشاهده می کنید زمانی که یک پنل اضافه کردیم به لیست Parent ها پنل هم اضافه شده است.

proprites

هنگامی که روی btn1 کلیک می کنید یک سری proprites به شما نمایش داده می شود که می توانید با استفاده از آن مشخص کنید از سمت راست و چپ چه قدر فاصله داشته باشد ،ارتفاع آن را مشخص کنید، فاصله متن داخل دکمه و غیره را نیز مشخص کنید.

بررسی Text Properties

در این گام می خواهیم به Text Properties بپردازیم و می توانیم با کمک آن ویژگی هایی مثل رنگ،استایل،سایز متن و غیره را مشخص کنید

بررسی Button properties

در قسمت Button Properties می توانید ویژگی های دکمه را مثل رنگ ، خط دور و… تعیین کنید و در قسمت Button properties می توانید رنگ کلیک را قبل از کلیک ، بعد از کلیک و بعد از غیر فعال شدن تعیین کنید.

ایجاد کد مورد نظر در قسمت Main

هنگامی که باز وارد قسمت Designer می شویم روی دکمه مورد نظر کلیک راست می کنیم و با انتخاب کردن گزینه آخر Sub های مربوط به دکمه ایجاد می شود که با کلیک کردن روی آن متغیر مربوط به دکمه ایجاد می شود .دقت داشته باشید در  این قسمت برای هر المان که SUB های مربوط به دکمه Click و Long Click است فرق دارد و ما بر روی همه کلیک می کنیم تا کد مورد نظر در قسمت Main ساخته شود.

بررسی قطعه کد های مربوطه داخل Main

همان طور که در گام قبلی و در عکس فوق مشاهده کرده اید داخل sub btn1 کد های مربوط به دکمه ایجاد شده است.

Activity.LoadLayout("Layout")
Text=""
TextColor = Colors.Blue
TextSize
TostMassageShow("Clicked",False)
ToastMassageShow("LongClicked",False)

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

1. در قسمت اول، کد ها مربوط به تغییرات ظاهری دکمه است یعنی تمام تنظیماتی که در قسمت دیزاین می توانستید انجام بدهید از این قسمت و در این Sub هم به صورت کد می توانید انجام بدهید.
2. قسمت دوم زمانی که روی دکمه کلیک می کنید پیام Clicked به مدت چند ثانیه به شما نمایش میدهد.
3. قسمت سوم زمانی که به مدت طولانی بر روی دکمه کلیک کنید پیام Long Clicked را به مدت چند ثانیه به شما نمایش میدهد.

سخن آخر

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

تصویر بالا مربوط به زمانی است که یک بار بر روی دکمه کلیک می‌کنید پیغام Clicked نمایش میدهد.

خروجی بالا مال زمانی است که شما به مدت طولانی روی دکمه کلیک کرده اید و کد آن همان طور که گفتیم به صورت زیر است:

ToastMassageShow("LongClicked",False)
Enabled = False

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

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