2014-12-11 84 views
0

我得到以下尺寸的圖片:draw9patch圖像不會被拉伸正確

enter image description here

我將它轉換爲9patch和標記以下幾個方面可拉伸:

enter image description here

這就是我得到的結果:

enter image description here

,這是應該的樣子:(從瘸子,邊框爲半透明)

enter image description here

我把9patch到我drawable-mdpi-folder(所有其他繪製文件夾是空的。 ,所以android只能挑那個!)

而且我使用的是Nexus 5 768x1280屏幕分辨率。

有人知道我在這裏做錯了嗎?在draw-9-patch-tool -preview位於/Android-sdk/Tools/draw-9-patch它看起來很好,在兩個方向! (拉伸高度,拉伸寬度)。

任何幫助表示讚賞。

更新時間: 原始9patch圖片

enter image description here

+0

請問您文件名中包含」 9" 。字符串? – Kai 2014-12-11 04:00:37

+0

@Kai是的,drawable-mdpi中的文件名包含.9。但是XML中的行不行!看我的XML行:' @ drawable/edittext_background'。我通過樣式將Background添加到我的edittext中。 – MMike 2014-12-11 04:08:14

+0

'XML中的行不'它不必。你的9個補丁看起來設計得不好。你確定這些標記是**全黑色**(#000000)和** 1px **廣告和高廣告,他們躺在兩側?此外,9個補丁被認爲是**最小化圖形區域。你的9補丁看起來**太大**。如果你分享了**真實圖片**(不是來自draw9patch工具的截圖),我可以發現錯誤。 – 2014-12-11 08:09:12

回答

0

我這是怎麼了優化(96 * 96像素,1.28 KB)你的圖片(685 * 322像素,2.43 KB):

enter image description here

基本上,我切斷了超出部分,只留下要領。
然後我添加了1 px邊框。

在上部和左側,我設置了重複區域標記(分別爲水平和垂直)。
在下部和右側,我設置填充區域標記(分別爲水平和垂直)。

注意:邊框是黑色(#ffffff)。而且沒有任何其他的邊界。

我給這個文件命名爲rect_round_wht **。9.png **(介意雙擴展名)。

這是draw9patch工具預覽:

enter image description here

的紫色區域是wher文本將被渲染。

像往常一樣,請確保擴展名是.9。png,而不僅僅是.png

這裏是9個修補一個很好的教程:http://radleymarx.com/blog/simple-guide-to-9-patch/

+0

謝謝你,我會閱讀低谷的教程,但不能提供一個小解釋你做了什麼?我做錯了什麼?會很好.. – MMike 2014-12-11 15:12:40

+0

我編輯了我的答案。添加一個**糟糕的**綜合你會發現在**我很好的教程**鏈接。 – 2014-12-11 15:22:25