تکین وب | آموزش برنامه نویسی
تکین وب | آموزش برنامه نویسی

روش ۹patch در اندروید

۱۰ دی ۱۳۹۴

برنامه نویسان اندروید همواره در طراحی صفحات برنامه ی خود برای ریسپانسیو کردن button ها و تصاویر ثابت به مشکل میخورند!

روش رایج برای این کار طراحی سایز های مختلف برای انواع دیوایس ها است که اگه قرار باشد ما کل گرافیک برنامه ی خود  را به این شکل پیاده سازی کنیم حتما حجم نهایی برنامه ی ما بالا میرود و این کار اصلا پیشنهاد نمی شود!!
روش nine patch یک روش بسیار کاربردی برای این کار محسوب می شود

روش nine patch

همانطور که در تصویر بالا ملاحظه میکنید ما میتوانیم یک button با سایز بسیار کوچیک ایجاد کنیم و در همه ی دیوایس ها از این تصویر استفاده کنیم
روش کار به این شکل است که ما بعد از طراحی یک button مثلا در اندازه ۴۸ * ۴۸ پیکسل از هر طرف تصویر، حدود ۴ پیکسل فضای خالی قرار میدهیم و مثل تصویر بالا با قلم فتوشاپ به اندازه یک پیکسل قسمت های اطراف button را سیاه میکنیم
قسمت های سیاه شده بالا و سمت چپ button ،  این ویژگی را به تصویر می دهد که اگر در دیوایس های مختلف بزرگ و کوچیک شد (در واقع تصویر ما کشیده تر شد) فقط قسمت های زیرخطوط بالا و سمت چپ کشیده می شوند و حاشیه های button ما دست نخورده باقی میمانند و همین باعث می شود که تصویر نهایی کیفیت لازم را نداشته باشد

قسمت های سیاه شده پایین و سمت راست button هم مشخص میکند که text نوشته شده از کدام قسمت button شروع شود
بعد از اینکه تصویر را طراحی کردیم به این شکل ذخیره میکنیم:
name.9.png
یعنی قبل از پسوند تصویر یک ۹٫ اضافه میکنیم

 

درباره ی کمال قره جه لو

دیدگاه ها

دیدگاه خود را به ما بگویید.

کلیه ی حقوق مادی و معنوی مطالب متعلق به سایت تکین وب می باشد و کپی برداری و بازنشر آن بدون ذکر منبع کاری غیر حرفه ای و غیر اخلاقی و قابل پیگرد قانونی خواهد بود.
کانال تلگرام تکین وب