當前位置:首頁 » 安卓系統 » android9圖片製作

android9圖片製作

發布時間: 2023-03-29 07:57:36

① Android-.9圖詳解

Android設備適配,圖片方面很重要的一部分就是.9圖的使用了,我們今天就來記錄一下。

.9.png圖片本質上還是png圖片,區別是.9.png圖比正常的png圖片在最外圍多了1px的邊框,這就允許我們在這個1px的邊框上定義圖片的可拉伸區域以及圖片的內容區域。這也就是說.9.png的製作實際上就是我們在這1px的邊框上按我們的需求,把對應位置設置為黑線,然後系統幫我們自動拉伸了。

正常圖片都有四個邊,.9圖的左上(左邊和上邊兩條邊)表示可以拉伸區域,其中上面黑線(或者點)表示橫向可拉伸的區域;左邊黑線(或者點)表示縱向可拉伸的區域.在圖片拉伸時只有黑線區域內的圖像會被拉伸,黑線兩邊的圖像保持原狀。

右下(右邊和下邊兩條邊)表示間隔區域,其中下邊表示橫向填放內容的區域;右邊表示縱向填放內容的區域,在圖片拉伸時,控制項內部的文字上下左右邊界只能放在黑線區域(有點類似垂直居中顯示)。

如果你還用eclipse開發,在你sdk中的tools文件夾找Draw9patch.bat文件,這是一個Windows 批處理文件,雙擊進入界面,拖入圖片開始製作.
如果是studio直接以.9.png為後綴,雙擊編輯進入圖片界面,選擇左下角的9-patch即可開始制,或者圖片右擊在列表選則Create 9-Patch file即可。

我們就以一個TextView為例,給其設置一個圖片背景,效果如下:
直接設置為背景:

.9圖各邊框含義

完畢!

② 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在同一區域網內才行,或者使用同一個路由器。
回答不容易,希望能幫到您,滿意請幫忙採納一下,謝謝

③ 用Android Studio製作點9圖

選擇需要製作點9圖的文件。直接右鍵

點擊確定  會在列表顯示一張該圖片的點9圖。打開

打開點9圖進行編輯

左側是原圖,也就是編輯區。右側是預覽區。預覽區分三個部分。一個是橫向拉伸,一個是縱向拉伸,一個是橫縱都拉伸。

編輯區下方有個zoom。直接拉到800%。然後就可以直接在你需要拉伸的地方,直接單擊,就可以選擇拉伸區域了。

設置完拉伸區域後,可以在預覽區實時看到拉伸效果

④ 在Android Studio中畫點9圖

在實際項目中經常會遇到在某些手機上特別是大屏幕手機上出現毛邊,邊界看起來模糊不清的情況。這是因為界面上的圖形會因為長寬的變化而產生拉伸,造成圖形的失真變形。

這種情況下,我們可以UI設計師多切出幾套解析度的圖偶來適配,但是這樣會導致apk體積增加,有沒有一張圖就能解決的好辦法呢,android平台下的點9PNG就應運而生了。點9圖可以將圖片橫向和縱向同時進行拉察銀芹伸,以實現在多解析度下的完美顯示效果。

首先看一下普通圖片和點9圖片的區別

布局文件如下

實際顯示效果圖

圖中可以看出經過我處理的圖片,邊角變得不模糊了,雖然不是那麼很好看,但這里只是做個例子來說明其作用。

下面來講講在android studio中怎麼去根據自己實際需求去畫這個點9圖

先找到圖片右鍵敗畢

然後修改圖片名稱,選擇目錄,注意必須要放在drawable目錄裡面,不然引用studio會報錯

然後進入點9圖編輯界面

最後講解怎麼編輯點9圖
只需要在圖片邊緣滑鼠單擊即可,一般我們只需要設置左邊和上邊來調節拉伸區域。
變成黑色表示拉伸的坐標點。圖中粉紅色的交叉點原本是白色,故而拉伸的區域都在白色點區域。
所以當拉伸時大家就看到了谷歌機器人的外部四個綠色邊角區域沒有了毛邊,實際就是保持其不被拉伸而形成的結果。

L1與T1交叉區域,L2與T2交叉區域,表圖片在拉伸的時候只會拉伸所以示只拉伸該區域。

至於右邊下邊 要搏戚是邊框是透明色區域則表示這塊區域占據空間不被別的內容遮擋,
黑色區域表示可以顯示別的內容的區域,比如一個textview放這張圖片做背景,如果下面左邊一半設置透明色,右邊一半設置黑色,那麼最後文字只會在黑色區域。

如下圖

以上就是點9圖的部分介紹。

⑤ 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 開發中有漸變色的圖片做.9圖片怎麼能讓它拉伸不變形

如圖這樣畫,上面和左邊的黑線表示要拉伸的寬和高,下面和右邊的黑線表示填充內容的寬和高

⑦ Android Studio製作 .9.png

注意:一般會把圖片的寬高減去2個像素(例如 750x1334 的 png圖的大小設置為748x1332)
因為生成.9.png的時候會加上2個像素

直接生成.9.png圖片

保存之後能看到.9.png圖片了

可以看到 右邊預覽的區域發生了變形
一般啟動圖都是中間部分保留 四邊拉伸

四個邊操作之後的結果是這樣的

這就是四個邊的拉伸區域 中間部分不會被拉伸 (可以看右邊的預覽效果圖)

熱點內容
怎麼看內存卡配置 發布:2025-07-05 12:29:19 瀏覽:269
訪問學者英文個人簡歷 發布:2025-07-05 12:29:17 瀏覽:817
1970linux 發布:2025-07-05 12:12:43 瀏覽:108
解壓挑刺 發布:2025-07-05 12:12:12 瀏覽:536
rarlinux壓縮 發布:2025-07-05 12:08:52 瀏覽:398
手機點菜app怎麼連接電腦伺服器 發布:2025-07-05 11:13:05 瀏覽:943
配置控制台干什麼用的 發布:2025-07-05 10:54:51 瀏覽:962
連信從哪裡改登錄密碼 發布:2025-07-05 10:54:12 瀏覽:399
怎麼修改查詢密碼 發布:2025-07-05 10:49:48 瀏覽:967
matlab文件存儲 發布:2025-07-05 10:40:46 瀏覽:85