android 自定義控件

Android.自定義控件的實現

2010-08-19 21:22

Android.自定義控件的實現

轉載：http://kandy0619.blog.163.com/blog/static/64344345201012325939280/

         可能是一直都在做Web的富客戶端開發的緣故吧，在接觸Android之後，發現其控件實在慘不忍睹（不知道是否說得過於偏激），我所說的慘不忍睹的意思 不是說控件難看，Android的控件非常漂亮，這是我們公司公認的，但是最大的缺點在於控件功能非常弱小。弱小得一個Radio只能放一個text，而 沒有value（key）可以存放。這就是爲什麼我說慘不忍睹的原因。

         但是這不能怪google，畢竟纔剛剛發展起來，Android提供的只是一個最基本的控件實現，而非一個完整、強大的實現。可幸的是，Android提 供了自定義控件的實現。有了自定義控件，我們就可以再Android的基礎控件上實現我們想要的功能了。經過一天的摸索，我終於實現了我第一個自定義的組 合控件——RadioButton組合RadioGroup！

         下面我將帶領大家進入Android自定義控件的世界。如果覺得我的文章能夠幫助大家的話，請大方留下你的一些話語。因爲你們的留言是我分享經驗的精神源泉！謝謝！

         1、設置自定義控件：Android自帶的RadioButton只能存放text，這不符合我們的需求，我們需要一個可以同時存放key-value對應的鍵值。所以我們要編寫一個自定義控件能存放key-value。

               設計思路：新建一個類叫org.kandy.view.RadioButton，繼承自 android.wedget.RadioButton，重寫父類的所有構造方法。這樣我們就實現了一個跟父類一摸一樣的控件。在此基礎上加入我們需要的 功能：加入一個屬性value，用來存放RadioButton的key。

               代碼如下：

 public class RadioButton extends android.widget.RadioButton {

 private String mValue;

 public RadioButton(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}

public String getValue() {
return this.mValue;
}

 public void setValue(String value) {
this.mValue = value;
}
public RadioButton(Context context, AttributeSet attrs) {
super(context, attrs);
try {
/**
* 跟values/attrs.xml裏面定義的屬性綁定
*/
  TypedArray a = context.obtainStyledAttributes(attrs,
R.styleable.RadioButton);
this.mValue = a.getString(R.styleable.RadioButton_value);
a.recycle();
} catch (Exception e) {
e.printStackTrace();
}

}

 public RadioButton(Context context) {
super(context);
}

 
}

         紅色代碼可以先不看。先看我們新加入的屬性value，由於Android習慣屬性命名以m開頭。所以我們自定義控件就按照這個規則來寫。不過對於 setter、getter方法來說，不需要加入m。像上面的：屬性名稱 mValue，setter：setValue（），getter：getValue（）。當然，你也可以不按照Android的習慣來命名。

         這樣，我們就可以使用這個自定義控件了。而且可以給它設置一個value，加上父類的text屬性。我們就可以在RadioButton中加入key- value的鍵值了。當然，這裏面的key對應是控件的value屬性，value是對應控件的text屬性。完了？沒有。自定義控件纔剛開始了。

         

          2、XML中引用自定義控件

          在XML中加入自定義控件其實很簡單。只需要在控件名字前加入包名即可。如下：

 <org.kandy.view.RadioButton android:id="@id/isPayDepositTrue" fsms:value="true"
      android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="@string/yes" android:textSize="18sp">
</org.kandy.view.RadioButton>

          同樣，紅色部分可以先不看，也不需要加入到代碼中，這個時候加入會報錯，請注意。

        

          3、attrs.xml屬性定義。

          在我們的思想中，既然我在自定義控件中加入了一個新的屬性，那麼我就應該能夠在xml中引用它，並對它賦初始值。我當初也是這樣想的。可是卻無從下手。就是這一點，折騰了我一個下午。

           正解：res/values/attrs.xml中定義屬性，在自定義控件中獲取這個屬性，然後跟自定義控件的屬性相綁定。

                attrs.xml如果沒有，就新建一個。這裏只存放自定義控件中需要的屬性，在我看來，這個文件是一箇中介，負責將layout/xx.xml裏面的對這個變量的引用和自定義控件裏面的屬性綁定起來。

                 attrs.xml完整代碼如下：

 <?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="RadioButton"><!-- 控件名稱-->
<attr name="value" format="string"/><!-- 屬性名稱，類型-->
</declare-styleable>
</resources>

               如果res下沒有錯誤的話，在R中應該就會生成這些資源的id。這樣我們就能在自定義控件中引用他們。

 

           4、控件屬性與XML定義綁定。

           這下子我們又回到了自定義控件的編寫上來了。先看看我們在第一點提到的紅色字體部分。這一部分就是實現控件屬性與XML定義綁定的代碼。

  /**
* 跟values/attrs.xml裏面定義的屬性綁定
*/
  TypedArray a = context.obtainStyledAttributes(attrs,
R.styleable.RadioButton);
this.mValue = a.getString(R.styleable.RadioButton_value);
a.recycle();

 

            TypedArray其實就是一個存放資源的Array，首先從上下文中獲取到R.styleable.RadioButton這個屬性資源的資源數組。 attrs是構造函數傳進來，應該就是對應attrs.xml文件。 a.getString(R.styleable.RadioButton_value);這句代碼就是獲取attrs.xml中定義的屬性，並將這個屬 性的值傳給本控件的mValue.最後，返回一個綁定結束的信號給資源：a.recycle()；綁定結束。

 

              5、在xml中對控件賦初始值。

             請看第2點，綁定結束後可以在需要賦初始值的地方賦值。

 <ScrollView android:layout_width="fill_parent"
android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fsms=http://schemas.android.com/apk/res/org.kandy>

            <org.kandy.view.RadioButton android:id="@id/isPayDepositTrue" fsms:value="true"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="@string/yes" android:textSize="18sp">
</org.kandy.view.RadioButton>

</ScrollView>

            紅色部分首先聲明命名空間。命名空間爲fsms.路徑是http://schemas.android.com/apk/res/這一部分是不變的，後面接的是R的路徑:org.kandy.R。然後在自定義控件的xml描述中就可以這樣使用fsms:value="true"。這樣就實現了自定義控件的初始化賦值。

 

             6、RadioGroup、RadioButton組合控件的實現

                  上面是自定義控件的實現，下面將要說的是組合控件的實現。在組合控件中，最經常用到的應該就是RadioGroup和RadioButton。 RadioButton的實現已經在上面介紹了。下面要介紹RadioGroup的自定義控件和功能擴展：

                    代碼如下：

 public class RadioGroup extends android.widget.RadioGroup {

 private String mValue;

public RadioGroup(Context context, AttributeSet attrs) {
super(context, attrs);
}

 public RadioGroup(Context context) {
super(context);
}
// 設置子控件的值
public void setChildValue(){
int n = this.getChildCount();
for(int i=0;i<n;i++){
final RadioButton radio = (RadioButton)this.getChildAt(i);
if(radio.getValue().equals(this.mValue)){
radio.setChecked(true);
}else{
radio.setChecked(false);
}
}
}
// 獲取子類的值
public void getChildValue(){
int n = this.getChildCount();
for(int i=0;i<n;i++){
RadioButton radio = (RadioButton)this.getChildAt(i);
if(radio.isChecked()){
this.mValue=radio.getValue();
}
}
}

public void setValue(String value) {
this.mValue = value;
setChildValue();
}

public String getValue(){
getChildValue();
return this.mValue;
}
}

           RadioGroup只做兩件事：獲取子控件（RadioButton）所選擇的值；設置子控件要選擇的值。

           方法非常簡單，循環或者RadioGroup的子控件，檢測哪個控件被checked，然後getValue，將此value賦值給RadioGroup的擴展屬性value。在這裏不多說了。相信大家都能看懂。