古风名字,完结小说,唐家三少

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

解析Android樣式：布局是根本

如果你曾經(jīng)是一名WEB前臺(tái)設(shè)計(jì)師，如果你曾經(jīng)有過設(shè)計(jì)的功底，那么你很榮幸，如果你切到Android平臺(tái)中，以前的知識(shí)和經(jīng)驗(yàn)都能很好的移植到Android平臺(tái)中。本人以為，學(xué)習(xí)是一個(gè)長(zhǎng)期的積累過程，經(jīng)驗(yàn)很重要，為什么有的人不管做神馬生意都賺錢，因?yàn)樗薪?jīng)驗(yàn)，經(jīng)驗(yàn)加上變通，就是智慧。

我們提供的服務(wù)有：網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、米東ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的米東網(wǎng)站制作公司

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

說實(shí)話，我還是比較喜歡WEB設(shè)計(jì)中的樣式命名規(guī)范，簡(jiǎn)單，易用，最主要的是WEB的樣式很好管理，不像Android樣式文件分得很細(xì)，看起來比較零亂。如果你研究過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       
  
  
   2       
  
  
   3           
  
  
   4               
  
  
   5               
  
  
  
 6                 android:startColor="#ff8c00"        
  
  
   7                 android:endColor="#FFFFFF"      
  
  
   8                 android:angle="270" />      
  
  
   9        
  
  
  10               
  
  
  
11                 android:width="2dp"        
  
  
  12                 android:color="#dcdcdc" />      
  
  
  13        
  
  
  14               
  
  
  
15                 android:radius="2dp" />      
  
  
  16        
  
  
  17               
  
  
  
18                 android:left="10dp"        
  
  
  19                 android:top="10dp"      
  
  
  20                 android:right="10dp"        
  
  
  21                 android:bottom="10dp" />      
  
  
  22        
  
  
  23               
  
  
  24        
  
  
  25           
  
  
  26        
  
  
  27           
  
  
  28               
  
  
  29               
  
  
  
30                 android:startColor="#ffc2b7"        
  
  
  31                 android:endColor="#ffc2b7"      
  
  
  32                 android:angle="270" />      
  
  
  33        
  
  
  34               
  
  
  
35                 android:width="2dp"        
  
  
  36                 android:color="#dcdcdc" />      
  
  
  37        
  
  
  38               
  
  
  
39                 android:radius="2dp" />      
  
  
  40        
  
  
  41               
  
  
  
42                 android:left="10dp"        
  
  
  43                 android:top="10dp"      
  
  
  44                 android:right="10dp"        
  
  
  45                 android:bottom="10dp" />      
  
  
  46        
  
  
  47               
  
  
  48        
  
  
  49           
  
  
  50            
  
  
  51           
  
  
  52               
  
  
  53               
  
  
  
54                 android:startColor="#ff9d77"        
  
  
  55                 android:endColor="#ff9d77"      
  
  
  56                 android:angle="270" />      
  
  
  57        
  
  
  58               
  
  
  
59                 android:width="2dp"        
  
  
  60                 android:color="#fad3cf" />      
  
  
  61        
  
  
  62               
  
  
  
63                 android:radius="2dp" />      
  
  
  64        
  
  
  65               
  
  
  
66                 android:left="10dp"        
  
  
  67                 android:top="10dp"      
  
  
  68                 android:right="10dp"        
  
  
  69                 android:bottom="10dp" />      
  
  
  70        
  
  
  71               
  
  
  72        
  
  
  73           
  
  
  74        
  
  
  75

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

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

 
 
 
 
  
  
  
  1   
  
  
  
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                
  
  
  9

效果

總結(jié)

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

注：本文版權(quán)歸作者所有，點(diǎn)此原文連接。

【編輯推薦】

用Android搭建客戶端手機(jī)和服務(wù)器交互開發(fā)實(shí)例
Android學(xué)習(xí)筆記：androidmanifest.xml解析
21個(gè)免費(fèi)的UI界面設(shè)計(jì)工具、資源及網(wǎng)站

網(wǎng)頁名稱：解析Android樣式：布局是根本
新聞來源：http://m.fisionsoft.com.cn/article/cosodse.html

新聞中心

其他資訊