怎么解析Android樣式

這篇文章給大家介紹怎么解析Android樣式，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

布局是根本，不管在WEB設(shè)計(jì)還是在手機(jī)客戶端設(shè)計(jì)中，都是如此。如果一開(kāi)始局就沒(méi)有布好，就算你的細(xì)節(jié)做得再精美，到頭來(lái)還是要重構(gòu)。相比傳統(tǒng)WEB設(shè)計(jì)中的布局，Android平臺(tái)一樣都不少，只是WEB設(shè)計(jì)的層布局，在Android中有了個(gè)新的叫法，叫幀布局。布局在本篇中不是重點(diǎn)，因?yàn)楹蚖EB中的概念幾乎一樣，所以一筆帶過(guò)。

說(shuō)實(shí)話，我還是比較喜歡WEB設(shè)計(jì)中的樣式命名規(guī)范，簡(jiǎn)單，易用，最主要的是WEB的樣式很好管理，不像Android樣式文件分得很細(xì)，看起來(lái)比較零亂。如果你研究過(guò)SDK的設(shè)計(jì)方式，你會(huì)發(fā)現(xiàn)一個(gè)按鈕的樣式，分得很細(xì)，有btn_default.xml，btn_default_small.xml等二十幾個(gè)樣式文件。

下面我們模仿SDK的設(shè)計(jì)方式，自定義一個(gè)按鈕樣式文件btn_default.xml，包含非焦點(diǎn)，焦點(diǎn)，pressed三種不同狀態(tài)。

1 <?xml version="1.0" encoding="utf-8"?>     2 <selector xmlns:android="http://schemas.android.com/apk/res/android">     3     <item android:state_pressed="true">     4         <shape>     5             <gradient       6                 android:startColor="#ff8c00"       7                 android:endColor="#FFFFFF"     8                 android:angle="270" />     9      10             <stroke      11                 android:width="2dp"      12                 android:color="#dcdcdc" />    13      14             <corners      15                 android:radius="2dp" />    16      17             <padding      18                 android:left="10dp"      19                 android:top="10dp"    20                 android:right="10dp"      21                 android:bottom="10dp" />    22      23         </shape>    24      25     </item>    26      27     <item android:state_focused="true">    28         <shape>    29             <gradient      30                 android:startColor="#ffc2b7"      31                 android:endColor="#ffc2b7"    32                 android:angle="270" />    33      34             <stroke      35                 android:width="2dp"      36                 android:color="#dcdcdc" />    37      38             <corners      39                 android:radius="2dp" />    40      41             <padding    42                 android:left="10dp"      43                 android:top="10dp"    44                 android:right="10dp"      45                 android:bottom="10dp" />    46      47         </shape>    48      49     </item>    50          51     <item>    52         <shape>    53             <gradient      54                 android:startColor="#ff9d77"      55                 android:endColor="#ff9d77"    56                 android:angle="270" />    57      58             <stroke      59                 android:width="2dp"      60                 android:color="#fad3cf" />    61      62             <corners      63                 android:radius="2dp" />    64      65             <padding      66                 android:left="10dp"      67                 android:top="10dp"    68                 android:right="10dp"      69                 android:bottom="10dp" />    70      71         </shape>    72      73     </item>    74      75 </selector

selector可以理解為狀態(tài)切換器，不同的狀態(tài)下切換不同的樣式，在傳統(tǒng)WEB設(shè)計(jì)中就是偽類hover。shape意為定義按鈕的形狀。

樣式的引用很簡(jiǎn)單，Android統(tǒng)一把樣式文件作為她的一種資源，下面是樣式的使用方式。

1 <Button 2                 android:background="@drawable/btn_default" 3                 android:layout_width="wrap_content"   4                 android:layout_height="wrap_content" 5                 android:text="test Style" 6             > 7               8             </Button> 9

效果

總結(jié)

整體來(lái)說(shuō)，Android的樣式設(shè)計(jì)非常的靈活，WEB設(shè)計(jì)中的大部分概念都適用于Android平臺(tái)，包括樣式的繼承概念。

關(guān)于怎么解析Android樣式就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。