آموزش پیاده سازی Bottom Sheet در اندروید

 

سلام خدمت همه عزیزان کدایت ، امروز قصد داریم از سری آموزش کاتلین مبحث Bottom Sheet در اندروید را برای شما عزیزان آموزش دهیم .

 

Bottom Sheet در اندروید چیه؟ و در چه مواردی مورد استفاده قرار میگیرد ؟

برای همه برنامه نویسان موبایل فارغ از استفاده از هر زبانی نیاز هست ، در مواردی از یکسری دیالوگ ها و منو های برای نمایش دادن آیتم های مورد نیاز استفاده کنند و اما Bottom Sheet در اندروید به جای این Dialog های قدیمی آمده و شما برنامه نویسان موبایل به راحتی میتوانید آن را پیاده سازی کنید و در برنامه اندرویدی خودتون استفاده کنید . باتوم شیت به صورت یک پنجره از قسمت پاینی موبایل ظاهر میشود . و اون آیتم ها و گزینه های که شما در آن قرار دادید را برای کاربران نشان میدهد .

Bottom Sheet در برنامه نویسی اندروید

آموزش پیاده سازی Bottom Sheet در برنامه نویسی اندروید

در واقع Bottom Sheet ها با محتوای اصلی صفحه ی ما در ارتباط هستش و به نوعی یکسری امکانات بیشتری در اختیار کاربران قرار میدهد.بزارید یکم توضیحات بیشتری در مورد باتوم شیت خدمت شما عزیزان ارائه دهیم . فرض کنید ما در یک صفحه یک متن و یا پستی برای مخاطبان خودمون نمایش میدهیم . ولی در همان صفحه بغل محتوا یا همون پستمون چیزی قرار نمیدهیم .

ولی در مقابل کاربر میتوان با لمس یک دکمه در بالای پست و یا کلیک خود پست یک پنچره مشاهده کند تا امکانات زیادی را در مشاهده کند . مثلا ما میتوانیم هنگانی کاربران ما پستمان را با انگشت خود نکه میدارد یه Bottom Sheet ایجاد کنیم تا یک پنجره ایجاد شود و مخاطبان ما بتوانند آن محتوا را Copy ، Share و .. یا کار های دیگری انجام دهد . من امروز قصد دارم نحوی پیاده سازی Bottom Sheet در اندروید را برای شما عزیزان با انجام یک پروژه کوچک نشان دهم.

پیاده سازی Bottom Sheet :

اولین کاری که باید انجام دهیم اضافه کردن کتابخانه متریال دیزاین به پروژه خودمون هست تا بتوانیم از باتوم شیت استفاده کنیم . برای انجام این کار به قسمت build.gradle(Module)  بروید و کتابخانه زیر را اضافه کنید .

بعد از این کار در لایه Xml یک Button میگذاریم تا با کلیک بر روی آن Bottom Sheet رویت شود . کد این قسمت مانند زیر هست .

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

من در قسمت بالا برای باتوم شیت خودم از چند image استفاده کردم که شما هم میتوانید یا از بیرون دانلود کنید و یا از قسمت Vector Asset  اضافه کنید  .

و اما کد قسمت main Activity من که به صورت زیر میباشد .

و اما خروجی این پروژه به صورت زیر میباشد .امیدوارم برای شما عزیزان مفید بوده باشد .

 

موفق باشد .

 

برای امتیاز به این نوشته کلیک کنید!
[کل: 4 میانگین: 4.3]
اشتراک‌گذاری

برنامه نویس موبایل، علاقه مند به سئو و وردپرس و تولید محتوا در زمینه برنامه نویسی اندروید

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

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