android9png圖片
⑴ android中.9png怎麼用
在Android的設計過程中,為了適配不同的手機解析度,圖片大多需要拉伸或者壓縮,這樣就出現了可以任意調整大小的一種圖片格式「.9.png」。這種圖片是用於Android開發的一種特殊的圖片格式,它的好處在於可以用簡單的方式把一張圖片中哪些區域可以拉伸,哪些區域不可以拉伸設定好,同時可以把顯示內容區域的位置標示清楚。
本文結合一些具體的例子來看下.9.png的具體用法。
大家可以看到拉伸區域的黑點是可以不連續的。
說了半天.9.png的用法,那.9.png如何輸出呢?有很多種方式可以輸出.9.png,比如說用draw9patch.bat這個工具,或者簡單一點,用photoshop直接輸出。輸出的方式是先輸出普通的png資源,然後擴大畫布大小,上下左右各空出一個像素,再用一個像素的鉛筆工具(顏色選擇純黑色),上下左右分別畫點就可以了,保存的時候注意把後綴修改為.9.png。有兩點需要特別注意下: 1.最外圍的一圈像素必須要麼是純黑色,要麼是透明,一點點的半透明的像素都不可以有,比如 說99%的黑色或者是1%的投影都不可以有; 2.文件的後綴名必須是.9.png,不能是.png或者是.9.png.png,這樣的命名都會導致編譯失敗。
轉載
⑵ 什麼是9png圖片 原理是什麼,9png工具又如何使用
9png圖片它是Android系統特有的一種圖片格式,文件擴展名為.9.PNG。
9png的原理:其實相當於把一張png圖分成了9個部分(九宮格),分別為4個角,4條邊,以及一個中間區域,4個角是不做拉升的,所以還能一直保持圓角的清晰狀態,而2條水平邊和垂直邊分別只做水平和垂直拉伸,所以不會出現邊緣。
如何操作:滑鼠左鍵選取需要拉伸的像素點;shift+滑鼠左鍵取消當前像素點。
從圖中可以看出,導入的png圖片默認周圍多了一像素點,也就是這一圈一像素點就是可操作區域。因為下方和右方可操作區域是指定內容的顯示區域,屬於可選區域,可不予理會;但是要注意內容區域的標記不能有間斷,否則.9.png圖片在放入項目下會報錯。
注意上方和左邊的黑色像素,是想讓此png圖像拉伸操作的時候,只是中間區域被拉伸。選擇上方中間區域是為了橫向拉伸的時候選取的拉伸像素點,左邊則是縱向拉伸像素點。
在Android的設計過程中,為了適配不同的手機解析度,圖片大多需要拉伸或者壓縮,這樣就出現了可以任意調整大小的一種圖片格式「.9.png」。
這種圖片是用於Android開發的一種特殊的圖片格式,它的好處在於可以用簡單的方式把一張圖片中哪些區域可以拉伸,哪些區域不可以拉伸設定好,同時可以把顯示內容區域的位置標示清楚。
⑶ Android的.9圖製作
先來認識一下界面,並可以看到不管是橫縱向拉升都使得圖片失真
下面四個小選項分別是
從上圖我們可以看到,不對圖片進行任何修改,圖片在某一方向拉伸時都是整體縮放的. 縮放同時,圖片圓角也會跟埋圓著縮放,導致最終展示效果很差.
在編輯區可以看到要編輯的圖片四周多了一像素的內容,這就是我們可以操作的區域了。
繪制小黑點 :只需要在四邊需要的位置左鍵單擊繪制小黑點,或者拖動繪制小黑線(其實是連續的多個小黑點)
刪除小黑點 :按shift鍵,並左鍵單擊或拖動進行刪除操作,也可以按住滑鼠右鍵進行擦除。
小黑點在png圖最外層有一像素寬的邊,除了四個頂角,小黑點可以繪制在png最外邊的任一點處,
每個小黑點占據一像素
小黑點繪制之後。其規定一個區域,即小黑點處,垂直於所在邊,且一像備液清素寬的區域
頂部:在水平拉伸的時候,保持其他位置不動,只在這個點代表區域做無限的延伸
左邊:在豎直拉伸的時候,保持其他位置不動,只在這個點代表區域做無限的延伸
底部:在水平拉伸的時候,指定圖片里的內容顯示的區域
右邊:在豎直拉伸的時候,指定圖片里的內容顯示的區域
從上圖可以看出拉伸後我們希望的箭頭區域沒有失真,並且而且箭頭距離右邊距與上邊距的距離沒有變因此,保證了想要部分不失真
首先沒有本質上的區別,下面通過一個例子來理解
假如有一個5px 5px大小的圖片,橫向上需要拉伸至20px
那麼就是要橫向拉升H=15px
假如橫向上畫了一個小黑點--則每個小黑點所代表區域拉伸h=15px h=H/1
假如橫向上畫了三個小黑點--則每個小黑點所代表區域拉伸h=5px h=H/3
因此 每條邊上的每個小黑點所代表區域拉伸的寬度是一樣的 *
所以要合理的布置我們的小喝仿前點以至png圖能夠達到我們想要的方向伸縮
點擊左上file- save,保存文件,自動生成一張後綴名為「*.9.png」格式的圖片,圖片上下左右各增加了1px的黑線。
9patch圖片是andriod app開發里一種特殊的圖片形式,文件的擴展名為:.9.png
「點九」也是由於Android平台多種解析度需適配的需求下,發展出來的一種獨特的技術。它可以將圖片橫向和縱向隨意進行拉伸,而保留像素精細度、漸變質感和圓角的原大小,實現多解析度下的完美顯示效果,同時減少不必要的圖片資源,可謂切圖利器。
.9.PNG確實是標準的PNG格式,只是在最外面一圈額外增加1px的邊框,這個1px的邊框就是用來定義圖片中可擴展的和靜態不變的區域。特別說明,left和top邊框中交叉部分是可拉伸部分,未選中部分是靜態區域部分。right和bottom邊框中交叉部分則是內容部分
無論是left和top,還是right和bottom都是把圖片分成9塊 (邊角四塊是不能縮放的,其他的四塊則是允許縮放的),所以叫做9.PNG。
.9.png圖片,android系統程序有對其優化的演算法。
參考
http://www.jianshu.com/p/3fd048644e3f
http://bbs.itheima.com/thread-251222-1-1.html
http://www.yimui.com/archives/117
⑷ android中.9png怎麼用
9png圖片一般用在需要拉伸的地方,比如聊天程序的對話框,字數不同,對話框的大小也不同。
之所以叫9是因為圖片被分割為9個部分。
要在四周畫至少四條線(點),他們功能不一樣。
右邊和下邊:決定了中間content區域的大小,比如對話框中的文字區域的大小。
(注意黑色的線條,決定了content區域大小)
draw9patch操作
使用SDK自帶的draw9patch的時候,可以查看content area (Show content 打勾)和拉伸效果(Show patch打勾)。
⑸ ps怎麼繪制安卓開發.9.png圖
一、點九圖,是Android開發中用到的一種特殊格式的圖片,文件名以」.9.png「結尾。這種圖片能告訴程序,圖像哪一部分可以被拉升,哪一部分不能被拉升需要保持原有比列。拍纖運用點九圖可以保證圖片在不模糊變形的前提下做到自適應。點九圖常用於對話框背景圖片中。
二、photoshop是專用於處理點陣圖圖形的軟體,如果要做成自適應的圖片,需要使用專用的ILLUSTRATOR或者CorelDRAW軟體。
三、Adobe illustrator是一種應用於出版、多媒體和在線圖像的工業標准矢量插畫的軟體,作為一款非常好的圖片處理工具,Adobe Illustrator廣做賀首泛應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等,也可以為線稿提供較高的精度和控制,適合生產任何小型設計到大型的復雜項目。
四、CorelDRAW Graphics Suite是加拿大Corel公司的平面設計軟體;該軟體是Corel公司出品的矢量圖形製作工具軟體,這個圖形工具給設計師提供了矢量動畫、頁面設計、網站製作、點陣圖編輯和網頁動畫等多種功能。
該圖像軟體是一套屢獲殊榮的圖形、圖像編輯軟體,它包含兩個繪圖應用程序:一個用於矢量圖及頁面設計,一個用於圖像編輯。這套繪圖軟體組合帶給用戶強大的互動式工具,使用戶可創作出多種富於動感的特殊效果及點陣圖像即時效果在簡單的純數操作中就可得到實現——而不會丟失當前的工作。通過Coreldraw的全方位的設計及網頁功能可以融合到用戶現有的設計方案中,靈活性十足。
五、製作方法:
1、下載安裝九圖神器App,並啟動。
2、劃開左側菜單欄,打開wifi共享,並在在瀏覽器上訪問提示的地址。
注意:必須保證手機連接的wifi和電腦連接的wifi在同一區域網內才行,或者使用同一個路由器。
回答不容易,希望能幫到您,滿意請幫忙採納一下,謝謝