ساخت برنامه های واکنش گرا(ریسپانسیو) در اندروید

به نام خدا،در این جلسه می خواهیم با اماده سازی برنامه هامون برای تمامی رزولیشن ها و یا ریسپانسیو کردن اون ها بیشتر آشنا بشیم.در بیشتر برنامه های که وجود داره این رویه استفاده نمیشه و باعث میشه که برنامه در رزولیشن های بالا با بی کیفیتی و نقص در عملکرد UI یا رابط کاربری روبرو بشه.در قسمت اول این آموزش با هم خواهیم آموخت که چگونه اپلیکیشن خودمون رو برای صفحات 4 تا 5.4 اینچ ریسپانسیو یا واکنش گرا کنیم.

زمانی که ما یک پروژه جدید ایجاد میکنم برنامه ما تنها یک لایه اصلی داره به نام activity_main.xml که این لایه داخل پوشه ای به نام Layout قرار داره،این لایه برنامه تنها صفحاتی با رزولیشن 480*800 رو ساپورت میکنه یعنی گوشی هایی به ابعاد 4 اینچ.در حالت عادی اگر برنامه مون رو در گوش های 4 اینچ تست کنیم هیچ مشکلی در کیفیت و وضوح برنامه ما به وجود نخواهد امد.ولی اگر در گوشی های با ابعاد 5 اینچ تست کنیم کیفیت و وضوح و محل قرار گیری ایکون ها در برنامه تغییر میکنه.

برای حل این مشکل باید یک پوشه جدید به نام layout-sw480dp در داخل پوشه res ایجاد کنیم و فایل activity_main.xml  در داخل پیست کنیم.در این حالت برنامه ما برای صفحات به ابعاد 5 تا  5.4 اینچ  ریسپانسیو میشه.زمانی که ما لایه داخل این پوشه رو باز کنیم می بینیم که برنامه ما  به صورت خودکار بزرگ شده و وارد صفحه نمایش 5.1 میشه.بعد از اینکه لایه 480dp رو ساخیتم می بینیم که عناصر گرافیکی برنامه مثل TextView,ImageView,button,spinner و غیره کوچکتر از ابعاد  صفحه گوشی هستند.برای حل این کافیه که مقادیر layout_width و layout_height عناصرمون رو تغییر بدیم.به همین راحتی.در این روش هست که تصاویر و ایکون های برنامه با وضوح و کیفیت عالی در گوشی های بزرگتر به نمایش در خواهند آمد.توجه داشته باید که هر لایه جدیدی که ایجاد میکنید رو هم در داخل این پوشه قراردهید تا برنامه شما ریسپانسیو بودنش رو از دست نده.