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

material design bottom sheet bottomsheet android اندروید باتم شیت متریال دیزاین آموزش اندروید

سطح آموزش: #مقدماتی

یکی دیگه از المان‌های متریال دیزاین که میتونه توی طراحی خیلی بهمون کمک کنه bottom sheet هست. BottomSheet لایه‌ایه که از پایین صفحه به بالا میاد و میتونه اطلاعاتی رو برامون به نمایش بذاره.

اطلاعات تکمیلی راجع به bottom sheet رو میتونید توی guidelineهای متریالِ گوگل ببینید.

باتم شیت bottom sheet bottomsheet android material design طراحی متریال دیزاین در اندروید آموزش برنامه نویسی

 

BottomSheet دو تا قسمت کلی داره. بخش بالایی که از ابتدا مشخص هست و یک بخش دیگه که وقتی bottom sheet رو به بالا میکشیم از پایین صفحه بیرون میاد.

اضافه کردن به پروژه

مثل تمام کامپوننت‌های متریال دیزاین برای اضافه کردن باتم‌شیت باید کتابخونه support design رو به پروژه اضافه کنید:

استفاده از bottom sheet

در مرحله بعد باید CoordinatorLayout رو به عنوان root layout قرار بدید و داخل اون لایه‌ای با رفتار مناسب رو قرار بدید :

لایه BottomSheet رو به شکل زیر می‌نویسیم:

به همین سادگی BottomSheetمون قابل استفاده است.

peekHeight

attributeـی هست که میگه که چه مقداری از bottom sheet در ابتدای کار بیرون بشه. که هم داخل xml و هم داخل کد اندروید قابل تغییره.

BottomSheet با قابلیت اسکرول

برای اینکه قابلیت اسکرول رو به باتم‌شیت اضافه کنید باید به جای linear layout در مثال بالا از nested scrollview استفاده کنید.

 

منابع آموزش + + +

3 دیدگاه برای “آموزش Bottom Sheet در اندروید

  1. مثل همیشه عالی و کاربردی 🙂
    ببخشید یه کمک میخواستم. من یه دیتابیس دارم که میخوام توی RecyclerView نشونش بدم، البته تعداد سطرهاش زیاده و عکس هم داره هر سطر که توی drawable همنام با ID توی جدولشه؛ پس احتمالا Lazy Loading لازم دارم برای Scroll کردن، من خیلی گشتم اما روشی که با Lazy Loading از دیتابیس SQLite بخونه و موقع Scroll توی RecyclerView هی لود شه پیدا نکردم 🙁
    خیلی خیلی ممنون میشم کمکم کنید یا اگه لینک مفیدی میشناسید معرفی کنید.
    مرسی 🙂

  2. این bottomSheet یه مشکلی که داره اینه که به صورت دیالوگ وقتی از پایین میاد بالا از زیر یا از روی نوار پایین که کلیدهای home – back و اینا هستن حرکت میکنه. در واقع به صورت یه view از بالای اون ظاهر نمیشه که تنها مشکلی هستش که به نظرم داره و ازش استفاده نمیکنم

  3. چطور میشه کاری کرد که اول باتم شیت مشخص نباشه و با مثلا کلیک روی باتن قسمت اولش نمایش داده بشه و بقیه باتم شیت با کلیک روی باتن دیگه بیاد بالا. یا مثلا کاربر خودش باتم شیتو بکشه بالا.

پاسخ دهید

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