Android 制作nine-patch圖片

Nine-Patch圖片是一種被特殊處理過的png圖片,能夠指定哪些區域可以被拉伸,哪些區域不可以。
先準備一張圖片。


3bfd56e15b6ccd4aea64849946addb99.png

布局文件如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/message_left" >
</LinearLayout>

</LinearLayout>

預覽一下效果


image.png

可以看到圖片已經變形了。
下面把圖片處理成nine-patch圖片。
在Android studio中找到該圖片,右擊,選擇 create-9-patch file,然后進入界面


image.png

在圖片四周繪制四個黑色小點,就是圖片需要拉伸的區域,然后保存,刪除掉原來的圖片。這時候會生成一個原圖片名稱后面加個.9的圖片,不要改名字,然后引入圖片的地方也不需要改,再看一下效果。
image.png

已經正常了。比之前美觀多了。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Nine-Patch圖片是一種經過特殊處理的png圖片,能夠指定圖片的哪些區域可以被拉伸而哪些區域不可以。 (一)...
    時光磨棱角閱讀 1,352評論 0 0
  • 參考修圖工具Draw9patch使用小結 在androidSDK下的tools文件夾下找到draw9patch.b...
    合肥黑閱讀 915評論 0 0
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,142評論 25 708
  • 概述 今天我們來探究一下android的樣式。其實,幾乎所有的控件都可以使用 background屬性去引用自定義...
    CokeNello閱讀 4,901評論 1 19
  • 賢哥長到一歲半已有四次的剃頭經歷。前面的幾次,剃了頭帶出去都讓人不敢恭維,而我們總是樂此不彼地長了就自個兒給他剃。...
    燕紀事閱讀 550評論 0 1