معرفی Bottom navigation در متریال دیزاین

استاندارد

چند وقت قبل اندروید مدل جدیدی رو برای navigation در داخل اپلیکیشن‌ها معرفی کرد .مدلی به اسم Bottom navigation . چیزی خیلی شبیه به  مدل تب‌هایی( Tabs ) که از قبل در اندروید موجود بود ، ولی خیلی نزدیک‌تر به چیزی که توی IOS دیده بودیم  .bottom_nav توی این مدل تب‌ها از بالا به پایین صفحه منتقل شدند و کمی هم باید و نباید‌های جدید نسبت به مدل تب‌های سابق به اونها اضافه شده .
چیزی که توی این معرفی جالبه، اینه که قبلا بیشتر توسعه دهنده‌ها از جمله خودم وقتی کسی راجع‌به قرار دادن تب‌ها در پایین صفحه باهاشون حرف میزد ، یسری دلایل کاملا منطقی میاوردن که چرا پیاده کردن این مدل خیلی ایده خوبی نیست . یکی از مهم‌ترین این دلایل وجود ۳ دکمه اساسی هست که در پایین صفحه وجود داره و با قرار دادن تب‌ در اون ناحیه امکام وقوع اتفاق پیشبینی نشده (  مثلا کاربر دستش بخوره به یک دکمه که توقع‌ شو نداشته باشه ) بالا میره . با وجود معرفی رسمی این مدل ، من شخصا هنوز هم جزو طرفدار‌های این مدل نیستم و به نظرم ایراداتی که از قبل وجود داشته ، هنوز هم وجود داره . ولی با توجه به این موضوع که حالا این مدل توی Desing pattern های اندروید اومده و خیلی از اپلیکیشن‌های پر طرفدار دارن ارزش استفاده میکنن (مثل اینستاگرام ، کافه‌بازار و … ) گفتم شاید بد نباشه که درباره‌اش بنویسم .

چیزهایی که باید برای استفاده از Bottom navigation رعایت کنیم :
۱. تعداد تب‌های نمایش داده شده باید بین ۳ تا ۵ تب‌ باشه ، در صورتی احساس میکنید که کمتر یا بیشتر از این مقدار تب خواهید داشت بهتره سراغ این مدل نرید .
۲. برخلاف تب‌های معمول‌ ( بالای صفحه ) در این مدل نباید امکان scroll کردن ما بین تب‌ها وجود داشته باشه .
۳. همینطور برخلاف شیوه قدیمی نباید امکان تغییر بین تب‌ها بدون کلیک روی اونها (کشیدن انگشت به طرفین رو ) داشته باشیم .
۴. متن‌های استفاده شده در هر تب باید تا حد امکان کوتاه باشند ، همچنین استفاه از متن‌های چند خطی به هیچ وجه توصیعه نمیشه   .
۵. رنگ متن و ایکون‌های تب‌های مختلف نباید متفاوت باشن و فقط لازمه زنگ تب انتخاب شده تغییر کنه .
۶. اندازه‌ ایکون‌های استفاده شده باید ۲۴ در ۲۴ dp باشد .
موارد بالا خلاصه‌ای از مهم‌ترین موارد ذکر شده در صفحه مربوط به Bottom navigation بود . میتونید لیست کامل اون‌ها رو در اینجا بخونید .

چطور Bottom navigation رو توی پروژمون استفاده کنیم :
خب با توجه به اینکه توی نسخه‌های ‌کتابخونه‌های support گوگل فعلا خبری از پیاده‌‌سازی این مدل نیست ، یا باید خودمون این مدل رو پیاده‌سازی کنیم ، یا بگردیم دنبال کتابخونه‌هایی که آدم‌های باحال نوشتن و منتشر کردن . از اونجایی که توی این جور کارا این آدم‌های باحال همیشه فعال هستند بعد یه سرچ کوچیک میتونید چندتا کتابخونه برای پیاده کردن این مدل پیدا کنید . دو تا از بهترین کتابخونه‌ها برای انجام این کار AHBottomNavigation و BottomBar هستند که توضیحات و نحوه استفاده از هر کدومشون رو میتونید داخل صفحه گیت‌هابشون بخونید .
تو پست بعدی یه مثال از نحوه پیاده‌سازی Bottom navigation  با استفاده از کتابخونه AHBottomNavigation خواهم نوشت .

1 دیدگاه در “معرفی Bottom navigation در متریال دیزاین

پاسخ دهید

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