Android Nine Patch圖片及按鈕背景

來源:互聯網
上載者:User

NinePatchDrawable 繪畫的是一個可以伸縮的位元影像映像,Android會自動調整大小來容納顯示的內容。一個例子就是NinePatch為背景,使用標準的Android按鈕,按鈕必須伸縮來容納長度變化的字元

NinePatchDrawable是一個標準的PNG映像,它包括額外的1個像素的邊界,你必須儲存它尾碼為.9.png,並且保持到工程的res/drawable目錄中。如果你是從APK解壓後得到的*.9.png檔案,注意它是已將周圍的空白像素去掉了的,在使用時必須再加上。

這個邊界是用來確定映像的可伸縮和靜態地區。你可以在左邊和上邊的線上畫一個或多個黑色的1個像素指出可伸縮的部分(你可以需要很多可伸縮部分),它的相對位置在可伸縮部分相同,所以大的部分總是很大的。

你還有可以在映像的右邊和下邊畫一條可選的drawable地區(有效,內邊距線)。如果你的視圖對象設定NinePath為背景然後指定特殊的視圖字型,它將自行伸縮使所有的文本來適應根據右線與底部線設計好的地區(如果有的話),當然內邊距線不包括其中,Android可以使用左邊的線與上面的線來定義一個drawable地區。

我們來澄清一下這兩條不同的線,左邊跟頂部的線來定義哪些映像的像素允許在伸縮時被複製底部與右邊的線用來定義一個相對位置內的映像,視圖的內容就放入其中。

可以使用tools\draw9patch.bat工具來編輯*.9.png圖片,可以看出該工具非常直觀的展示了圖片在上下或左右展開時的效果以及作為背景時其內容顯示的位置。

作Nine Patch為按鈕背景使用方法:

<Button id="@+id/big"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:text="text!"
        android:textSize="30sp"
        android:background="@drawable/my_button_background"/>

如果想要設定按鈕在按下或者獲得焦點時,有不同的背景圖片,則可以將需要的背景圖片放在drawable目錄下(.9.png)格式,同時在drawable目錄中建立一個xml檔案(內容如下),android:background="@drawable/(XML檔案名稱)",這樣就可以在不同狀態顯示不同的背景。

<?xml version="1.0" encoding="UTF-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_focused="true" android:state_pressed="true"       android:drawable="@drawable/button_focused" />    <item android:state_focused="false" android:state_pressed="true"       android:drawable="@drawable/button_focused" />    <item android:state_focused="true"       android:drawable="@drawable/button_focused" />    <item android:state_focused="false"       android:drawable="@drawable/button_defocused" /></selector>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.