日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
解析Android樣式：布局是根本

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

我們提供的服務(wù)有：網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號開發(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平臺一樣都不少，只是WEB設(shè)計(jì)的層布局，在Android中有了個新的叫法，叫幀布局。布局在本篇中不是重點(diǎn)，因?yàn)楹蚖EB中的概念幾乎一樣，所以一筆帶過。

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

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

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

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

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

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

 效果

  

總結(jié)

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

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

【編輯推薦】

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

本文標(biāo)題：解析Android樣式：布局是根本
標(biāo)題網(wǎng)址：http://www.5511xx.com/article/cosodse.html