帶你走進 .9 圖

  • 定義
    Android 由于系統(tǒng)和分辨率的多樣性，界面適配是讓開發(fā)者頭疼的問題，很多控件的切圖文件在不同屏幕上被放大拉伸后，邊角會模糊失真，十分丑陋；對不同的分辨率制作多個切圖，又增大了安裝包的大小。于是Android 專門制作了一種 .9.PNG 格式來解決這個問題。這種格式的圖片能按照設(shè)定來拉伸特定區(qū)域，而不是整體放大或縮小，從而保證了圖片在各個分辨率的屏幕上都可以完美展示，這種圖也被稱作 9Patch 圖
  • 資料
  • 官方文檔
  • 工具：Draw 9-patch
  • 作用
  • 主要防止圖片被拉伸后變形
  • 圖片很小，不占資源，減少 apk 的大小
  • 原理
  • 左：縱向拉伸時，黑點所在的橫向區(qū)域可拉伸
  • 上：橫向拉伸時，黑點所在的縱向區(qū)域可拉伸
  • 右：縱向的內(nèi)容顯示區(qū)域
  • 下：橫向的內(nèi)容顯示區(qū)域
  • 怎么制作 .9 圖

  • 右擊要制作的.9圖-->Create 9-patch file


    9-Patch
  • 紅色區(qū)域: 主要工作區(qū)，對圖片的修改操作都在此處完成
  • 綠色區(qū)域: 效果展示區(qū)域，從上到下以此是：
    • 垂直拉伸效果
    • 水平拉伸效果
    • 整體拉伸效果
  • 藍色區(qū)域: 設(shè)置區(qū)域，可以對當前界面展示效果進行調(diào)整
    • Zoom：拖動條是用來對紅色區(qū)域圖片進行縮放
    • Patch scale：拖動條是用來對綠色區(qū)域的圖片進行縮放
    • Show lock：顯示不可繪區(qū)域
    • Show content：右、下側(cè)所對應(yīng)的內(nèi)容展示區(qū)域（紫色）
    • Show patches：左、上側(cè)展示拉伸區(qū)域（粉色）
  • 添加黑點：點擊圖片四周的透明區(qū)域
  • 撤銷黑點：Shift + 點擊黑點
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容