zz ERROR: 9-patch image xx .9.png malformed


http://blog.csdn.net/msn465780/article/details/50072945

http://www.cnblogs.com/loulijun/archive/2011/12/22/2298087.html

http://blog.csdn.net/aaawqqq/article/details/50786712

 -------------------------------------------------------------------------------------------------------------------------------------------------------------------

Error:No marked region found along edge. - Found along top edge.

 

android開發的時候,初次使用.9圖片出現以下:

Error:No marked region found along edge. - Found along top edge.

 

原因:

如圖:上邊和左邊的點不在邊框區域,而是在透明區域。應多注意

------------------------------------------------------------------------------------------------------------------------------------------

2) 原因:

 

錯誤信息 : No marked region found along edge.    ( AAPT 工具無法確認 9-patch 圖片中的拉伸區域 )

因為制作該 android 9-patch 圖片 ( 如上圖 ) 

圖片當時只標記了縱向拉伸 ( 左側 ) 區域  ,  沒有標記橫向拉伸 ( 上方 ) 區域 ,

因此 AAPT 無法確認 9-patch 圖片當中的拉伸區域 。

 

9-patch  圖片( .9.png  )  的圖片如要生效 , 需有橫向與縱向沿着邊緣標記區域  ( left & top )  

相關 9-patch制作參考:

http://www.cnblogs.com/loulijun/archive/2011/12/22/2298087.html

 

 廢話有些多,了解.9.png圖片已經一段時間了,索性將其記載下來,以防以后忘記。雖然網上有很多,但是很亂,看着心煩,而且不符合自己的需求,所以還是自己動手豐衣足食。

  .9.png圖片其實就是png格式圖片,不過它比普通的png圖片外圍多了1px(像素)的邊框,另外就是使用這種格式的圖片可以實現背景自適應大小且不失真的效果。比如某些控件橫豎屏切換后控件的樣子就變形了,或者某些圖片作為控件背景也變形,這會讓人很郁悶。幸好.9.png圖片可以提供這些需要的功能

  使用步驟

1、制作屬於你自己的png圖片,一定要是png圖片。可以自己PS制作,也可以解壓其他應用的apk文件,用里面的圖片資源,Android系統也有圖片資源可以使用()

2、在D:\android\android-sdk-windows\tools目錄下找到draw9patch.bat文件,然后將其打開,將你要處理的png圖片拖入即可。或者File --> Open 9 patch

上邊黑線:橫向拉伸區域,必須要畫的,拉伸是橫向拉伸,如右邊的區域第二個拉伸的就是橫向拉伸的效果

左邊黑線:縱向拉伸區域,必須要畫的,拉伸是縱向拉伸,如右邊的區域第一個拉伸的就是縱向拉伸的效果

下邊黑線:可選,橫向內容顯示區域

右邊黑線:可選,縱向內容顯示區域

剩下的自己試試就知道了

3、注意,黑線必須是連續的,如果你感覺畫的不好,按shift+鼠標左鍵將其擦出,然后從新畫。畫完后點擊File-->save 9-patch保存即可,效果如下圖

4、接下來需要在程序中使用了,將這個圖片放到drawable中即可,跟其他的圖片使用沒什么區別了,唯一神奇的就是可以自適應,不失真

比如我們用這個圖片定義一個Button,另外加個TextView的背景圖,也是.9.png圖片。

main.xml

復制代碼
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="6dp"
android:orientation="vertical" >

<TextView
android:layout_gravity="right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5dp"
android:background="@drawable/sms_out_normal_bg"
android:text="http://www.cnblogs.com/loulijun/\n -- 花郎" />

<Button
android:id="@+id/sendMsg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="10dp"
android:background="@drawable/test"
android:text="發送消息給允兒"
/>
</LinearLayout>
復制代碼

運行效果如下:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM