做人要大度,海納百川,做事要圓滑,左右逢源,這讓我想到了編程也是如此,代碼要擴充,介面也要考慮自適應。
這篇文章是android開發人員的必備知識,是我特別為大家整理和總結的,不求完美,但是有用。
1.背景自適應且不失真問題的存在
製作自適應背景圖片是UI開發的一個廣泛問題,也是介面設計師渴望解決的問題,我相信我們彼此都深有體會。
比如,列表的背景圖一定,但是列表的高度隨著列表資料項目會發生變化;標題列的背景,無論橫屏還是豎屏,高解析度還是低解析度,都能自動填滿滿,而且不失真等等背景問題。
根據以往的經驗,我們一般採用先切圖後拼湊的做法,這種做法本來我想在這裡和大家介紹一下,其實有的時候還是很有用的,但是說起來會比較麻煩,就不說這個非重點了,略去,如果大家真的要介紹,在回複中說明,我再考慮一下。
Android針對這種情況,專門製作了一種.9.PNG格式來解決這個問題。
2.9.PNG格式。
我不想在這裡過多的討論PNG格式的定義問題。但是.9.PNG確實是標準的PNG格式,只是在最外面一圈額外增加1px的邊框,這個1px的邊框就是用來定義圖片中可擴充的和靜態不變的地區。特別說明,left和top邊框中交叉部分是可展開部分,未選中部分是靜態地區部分。right和bottom邊框中交叉部分則是內容部分(變相的相當於定義看一個內邊距,神似padding功能,後面我會單獨介紹一下),這個參數是可選的, 如。
在Android中以9.PNG格式的圖片未背景,則能夠自訂展開而不失真,比如系統的Button就是一個典型的例子。
其實呢,無論是left和top,還是right和bottom都是把圖片分成9塊 (邊角四塊是不能縮放的,其他的四塊則是允許縮放的),所以叫做9.PNG。
3. 使用Draw9Patch.jar製作9.PNG圖片之定義展開地區。
前面已經瞭解到9.PNG格式的工作方式,下面我們使用Google提供的Draw9Patch(運行android-sdk-windowsools目錄下的Draw9Patch.bat)來製作.9.PNG圖片。
第一步:準備要展開的圖片。
非常小的一張圖片,我希望以此為背景,中間部分填充文章內容。
第二步:製作.9.PNG圖片。
開啟Draw9Patch,把圖片拖進去,如下:
預設的展開是整體展開,其實邊框部分我們並不想展開,好,我們自己來定義展開地區,如:
然後點擊File,匯出為content.9.png。
第三步:在layout檔案中使用製作的 .9.PNG圖片.
建立工程Draw9Patch,預設主Activity為Draw9PatchActivity.java:
html#viewSource" commandName="viewSource" highlighterId="highlighter_804224">view sourceprint?
2 |
public void onCreate(Bundle savedInstanceState) |
4 |
super.onCreate(savedInstanceState); |
5 |
setContentView(R.layout.main); |
我們把content.9.png檔案拷貝到/res/drawable檔案夾下,開啟/res/layout目錄下的main.xml,申明如下:
view sourceprint?
01 |
<?xml version="1.0" encoding="utf-8"?> |
02 |
<LinearLayout xmlns:android=" |