نحوه افزودن رابط کاربری تیره یا دارک مد را به اپلیکیشن اندروید خود در این مقاله به صورت گام به گام توضیح داده خواهد شد.امروزه در اکثر اپ ها تم های دارک یا حالت شب و تیره وجود دارد . حتی خیلی از اپلیکیشن های بزرگ دنیا مثل فیس بوک و یکسری پیام رسان ها مثل تلگرام این قابلیت رو به رابط کاربری خود اضافه کردن و اخیرا گوگل هم اضافه کردن این حالت به اپلیکیشن ها رو توصیه کرده است.
قبلا یک مقاله در وبلاگ با عنوان ” اصول طراحی UI جذاب برای اپلیکیشن ” منتشر شد که فکر می کنم مطالعه آن خالی از لطف نباشد.
خب، در این مقاله با چند گام خیلی کوتاه شما میتونید Dark theme رو به اپلیکیشن خودتون اضافه کنید ولی تبدیل به light theme با قابلیت سوییچ بین تم روشن و تاریک در این مقاله توضیح داده نشده اما سعی میکنم در آینده مقاله ای هم در این زمینه بنویسم تا بتوانید قابلیت سوییچ آسان بین این دو حالت را هم پیاده سازی کنید.
قبل از اینکه این مقاله را بخوانید ، در این زمینه من یک ویدیو ی کوتاه تولید کردم، سعی کردم تمامی گام های زیر را که در این مقاله می خوانید توضیح بدهم شاید بتوان گفت به نوعی نسخه ویدئویی این مقاله را در لینک بالا می توانید ببینید..
برویم سراغ گام هایی که پیش رو داریم تا بتوانید تم تاریک را به UI اپلیکیشن خود اضافه کنید
قدم اول : اضافه کردن دپندسی مربوط به متریال
implementation 'com.google.android.material:material:1.1.0-alpha04' در build.gradle
قدم دوم : اکتیویتی مورد نظرتون رو که theme رو قرار هست بهش پاس بدید باز کنید و در متد onCreate() این خط کد رو قرار بدید :
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)
قدم سوم : در قسمت style.xml در بخش theme مربوط به اکتیویتی در قسمت parent این خط را اضافه کنید :
Theme.MaterialComponents.DayNight.NoActionBar
حالا اگر اپلیکیشن رو اجرا کنید حالت تیره را مشاهده خواهید کرد. شاید بخواهید رنگ های مورد علاقه خود را به دیزاین رابط کاربری اپلیکیشن خود اضافه نمایید، برای اینکار می توانید به گام چهارم که در ادامه توضیح دادم توجه کنید.
قدم چهارم : روی res راست کلیک کنید و دایرکتوری جدید به اسم values-night بسازید (درویدیو خیلی خوب میتونید ببنید)
قدم پنجم : فایل colors.xml مورد نظرتون در فولدر تازه ساخته شده قرار بدید . می تونید از سایت متریال استفاده کنید . همچنین من یک ویدیوی کوتاه دیگری رو بهتون پیشنهاد میکنم که چطور colors.xml آماده رو اکسپورت بگیرید و استفاده کنید .
بوووم حالا شما مثل یه معجزه رابط کاربری تیره به اپلیکیشن خود اضافه کردید . برنامه را اجرا کنید . شما یک اپلیکیشن با حالت شب و با رنگ های دلخواه خود دارید .
سنا عبادی نویسنده مقاله
توسعه دهنده موبایل به ویژه سیستم عامل اندروید ، در تلاش برای تحقق یک رویا..
نگارش کد بلند یا نگارش بخش عمده یک سورس کد :