點九制圖主講人：林霞目錄1、點九圖概念及制作2、任務(wù)實現(xiàn)知識點導(dǎo)入011、點九圖的概念

點九圖是Andriod平臺的應(yīng)用軟件開發(fā)里的一種特殊的圖片形式，文件擴(kuò)展名為：.9.png。智能手機(jī)中有自動橫屏的功能，當(dāng)在界面改變方向后，界面上的圖形會因為長寬的變化而產(chǎn)生拉伸，造成圖形的失真變形。Android平臺有多種不同的分辨率，很多控件的切圖文件在被放大拉伸后，邊角會模糊失真。在Android平臺下使用點九PNG技術(shù)，可以將圖片橫向和縱向同時進(jìn)行拉伸，以實現(xiàn)在多分辨率下的完美顯示效果。對比很明顯，使用點九后，仍能保留圖像的漸變質(zhì)感，和圓角的精細(xì)度。點九圖其實相當(dāng)于把一張png圖分成了9個部分（九宮格），分別為4個角，4條邊，以及一個中間區(qū)域，4個角是不做拉升的，所以還能一直保持圓角的清晰狀態(tài)，而2條水平邊和垂直邊分別只做水平和垂直拉伸，所以不會出現(xiàn)邊會被拉粗的情況，只有中間用黑線指定的區(qū)域做拉伸。如何制作點九圖？

相較于普通截圖方式，點九圖最為明顯的區(qū)別就是圖片不保留內(nèi)容顯示區(qū)域且自帶一圈不成規(guī)律的黑邊。正是這圈黑邊提供了點九圖的各個屬性以適應(yīng)各種情況。（1）、電子商務(wù)。app是企業(yè)銷售中最直接、最有效的一種，許多電商app加入了社交等元素，加上各種社交平臺開發(fā)分享，因此用戶可以在購買的同時快速分享，在增加自己的銷售渠道。（2）、服務(wù)品牌。以大型企業(yè)為主，承擔(dān)一些功能，如我們熟悉的快遞查詢、小區(qū)內(nèi)客服、維修、活動、積分（1）、電子商務(wù)。app是企業(yè)銷售中最直接、最有效的一種，許多電商app加入了社交等元素，加上各種社交平臺開發(fā)分享，因此用戶可以在購買的同時快速分享，在增加自己的銷售渠道。（2）、服務(wù)品牌。以大型企業(yè)為主，承擔(dān)一些功能，如我們熟悉的快遞查詢、小區(qū)內(nèi)客服、維修、活動、積分商城等。讓你和顧客更近一點。（3）、本地應(yīng)用程序。企業(yè)可以把自己的業(yè)務(wù)領(lǐng)域分成若能，而本地app最主要的一點就是利用app來發(fā)展新客戶，維持舊客餐飲企業(yè)積累自己的客戶資源，有效地打造餐飲企業(yè)品牌。

簡單點來說，1、2部分規(guī)定了圖像的可拉伸部分，而3、4部分規(guī)定了圖像的內(nèi)容區(qū)域。當(dāng)實際程序中設(shè)定了對話框的寬高時，1、2部分就會被拉伸成所需要的高和寬，呈現(xiàn)出于設(shè)計稿一樣的視覺效果。內(nèi)容區(qū)域規(guī)定了可編輯區(qū)域。例如，對話框是圓角，文字需要被包裹在其內(nèi)，如果4像3一樣頂?shù)絻蛇叄淖植糠志蜁浑[藏看不見。任務(wù)實現(xiàn)022、任務(wù)實現(xiàn)

這是項目中一組聊天對話框，可以看出，不同兩條消息字?jǐn)?shù)不同，長度也不同，但它們采用了相同的背景樣式，這個背景樣式其實是同一張圖片，用到的就是點九圖的方式。1、先輸出普通的png資源，用選區(qū)工具選取盡可能多的拉伸部分加以刪除。2、然后將這些內(nèi)容拼接成一個完整的整體。3、然后擴(kuò)大畫布大小，上下左右各空出一個像素。如圖所示4、再用一個像素的鉛筆工具，鉛筆顏色選擇純黑色#000000，不透明度100%，并且圖像四邊不能出現(xiàn)半透明像素。上下左右分別畫點。4、再用一個像素的鉛筆工具，鉛筆顏色選擇純黑色#000000，不透明度100%，并且圖像四邊不能出現(xiàn)半透明像素。上下左右分別畫點。5、按快捷鍵【ctrl+alt+shift+S】或者點擊【文件-存儲為web所用格式】，導(dǎo)出格式選擇png-24，保存命名注意把后綴修改為.9.png這里需要特別注意以下兩點：1、最外邊的1px線段必須是純黑色，一點點的半透明的像素都不可以有，比如說99%的黑色或者是1%的投影都不可以有。(這1PX像素在程