Android實戰技巧之組合控件

Android組合控件是自定義控件的一種，只不過它是由其他幾個原生控件組合而成，故名組合控件。

在實際項目中，GUI會遇到一些可以提取出來做成自定義控件情況。

一個自定義控件的好處就是把一些需要模塊化的UI和邏輯放在一起，做到了高內聚，向其他模塊提供接口並很少
 依賴外界，這樣就是低耦合。一個自定義控件就是一個封閉的王國，這裡由你掌控。

上述是我自己的一個體會，想必大家也會常做自定義控件吧，就像邏輯部分的模塊化一樣。

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11

下面我要做一個例子，請看完成圖。

下面一排圖片加文字就是組合控件了，我是怎麼做的呢？

其實這裡用到了兩個組合控件，一個是圖片+文字，我把它叫一個Item，而三個在一起就是另一個控件了。

重點看這個Item，它有自己的屬性如圖片、文字、圖片大小、文字大小、不透明度等等。這些把它定義在attr文件中，然後在xml文件中

配置，就像我們用原生控件一樣。

先看attr文件。

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.         <declare-styleable name="LevelMenuItem">  
4.         <attr name="text" format="string" />  
5.         <attr name="text_color" format="color"/>  
6.         <attr name="text_size" format="dimension" />          
7.         <attr name="image_src" format="reference"/>  
8.         <attr name="image_bg" format="reference"/>  
9.         <attr name="image_alpha" format="integer" />  
10.         <attr name="image_height" format="dimension"></attr>  
11.         <attr name="image_width" format="dimension" />  
12.     </declare-styleable>  
13. </resources>  

這個文件在values下，和string文件同級。把你自己要定義的屬性都寫在這裡吧。format是屬性的“單位”，如果你要問有多少中format呀？答案在這裡。
有了屬性了，下面看看布局文件level_menu_item.xml。

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.         <ImageView  
7.             android:id="@+id/image_item"  
8.             android:layout_width="fill_parent"  
9.             android:layout_height="fill_parent"  
10.             android:scaleType="fitCenter"  
11.             />  
12.          <TextView  
13.             android:id="@+id/tv_item"  
14.             android:layout_width="fill_parent"  
15.             android:layout_height="wrap_content"  
16.             android:gravity="center_horizontal"  
17.             android:textColor="#23ffffff"  
18.             android:textSize="25sp"   
19.          />      
20. </LinearLayout>  

這裡唯一值得一說的是文本的顏色。大家看見他是8位的，前兩位是表示不透明度的，後六位是表示顏色的，三色，范圍都是00～ff。

如果在java中設置顏色，需要這樣。

1. setTextColor(0x23ffffff);  

關於不透明度，一般美工會定義。有些要求不透明如30%這樣的，可以用整型換算一下。00～ff對應十進制為0～255，那麼30%就是255x0.3=76.5，用科學計算機換算為4c。

更多顏色相關請看《Android中設置文本顏色的三種辦法》見 http://www.linuxidc.com/Linux/2012-04/58697.htm