安卓系統為我們提供了豐富的控件，但是在實際項目中我們仍然需要重新通過布局來實現一些效果，比如我們需要一個上面圖標，下面文字的button，類似于下面這樣的：

最直接的解決辦法是通過將imageview和textview放在一個垂直排列的LinearLayout中，如下：

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:gravity="center"

android:orientation="vertical" >

android:id="@+id/icon_part"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

/>

android:id="@+id/text_part"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:textColor="#000000" />

但是每一個button都需要這么長的代碼，上面三個按鈕的話就需要重復寫三次，而且別人一看是個LinearLayout，不會將它button聯系起來。

如果有一種辦法能將上面那個布局組合成一個控件就好了。

的確是有辦法的。主要有兩方面的工作。

1.新建一個繼承自LinearLayout的類(也可以是其他布局類，不過LinearLayout好像比較合適)，然后通過inflater在這個類的構造函數中將上面的布局添加進去。

2.為了能在xml中也給這個自定義控件賦予屬性來獲得現實效果，比如字體大小、圖標資源等，我們還需要在attrs文件中申明一些自定義屬性。你可以查閱declare-styleable了解這是怎么回事。

我這里有一個已經實現了這種button效果的類FlexImageButton：package com.jcodecraeer.client.widget;

import com.jcodecraeer.client.R;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.drawable.Drawable;

import android.util.AttributeSet;

import android.view.LayoutInflater;

import android.view.View;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.TextView;

public class FlexImageButton extends LinearLayout {

private ImageView imageView;

private TextView textView;

private CharSequence text;

private Drawable drawable;

private float textSize;

public FlexImageButton(Context context) {

super(context);

// TODO Auto-generated constructor stub

}

public FlexImageButton(Context context, AttributeSet attrs) {

super(context, attrs);

// TODO Auto-generated constructor stub

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.FlexImageButton);

text = a.getText(R.styleable.FlexImageButton_text);

if(text==null){

text="";

}

Drawable d = a.getDrawable(R.styleable.FlexImageButton_src);

if (d != null) {

drawable=d;

} else {

throw new RuntimeException("圖像資源為空");

}

textSize = a.getDimension(R.styleable.FlexImageButton_textSize,12);

String infService = Context.LAYOUT_INFLATER_SERVICE;

LayoutInflater inflater = (LayoutInflater) context

.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

inflater.inflate(R.layout.flex_image_button_layout, this);

imageView = (ImageView) findViewById(R.id.icon_part);

imageView.setImageDrawable(drawable);

textView = (TextView) findViewById(R.id.text_part);

textView.setTextSize((float) textSize);

textView.setText(text);

if(text.equals("")||text==null){

textView.setVisibility(View.GONE);

}

a.recycle();

}

public void setImageResource(int resId) {

imageView.setImageResource(resId);

}

public void setTextViewText(String text) {

textView.setText(text);

}

}

在attrs.xml文件中我們聲明一些自定義屬性，這里我們希望我的FlexImageButton能擁有可以靈活設置的文字屬性，字體大小屬性、圖標資源屬性，因此我這樣定義：

其中format="reference"表示這個屬性的值類型是資源id，也就是說在使用FlexImageButton的時候我只可以用資源id來為這個屬性賦值。屬性值類型有那些，我在文章結尾的附錄里面一一列出。

上面我們已經完成了一個自定義的控件，activity的布局文件中如下使用FlexImageButton：

android:layout_height="fill_parent"

android:layout_width="50dip"

cl:src="@drawable/toolbar_collect"

cl:text="@string/collect"

android:clickable="true"

android:focusable="true"

android:layout_marginLeft="5dip"

android:layout_marginRight="5dip"

android:contentDescription="收藏"

android:background="@drawable/back_selector"

/>

仔細的人會注意到所有這些屬性中，有兩種形式。其中凡是android：開頭的都是系統屬性，而cl:src="@drawable/toolbar_collect"

cl:text="@string/collect"

為我自定義的屬性，為什么是cl:開頭？

你也可以不用cl開頭，但是不管你用什么開頭，如果你用到了自定義屬性，你都必須在activity布局文件的最開始這樣聲明：<?xml version="1.0" encoding="utf-8"?>

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:cl="http://schemas.android.com/apk/res/com.jcodecraeer.client"

其中cl就是剛剛用到的，com.jcodecraeer.client為我的apk包名，注意是apk包名，而不是你自定義控件的在包中的路徑。

附錄：自定義屬性的值類型：

1. reference：參考某一資源ID。

(1)屬性定義：

(2)屬性使用：

android:layout_width="42dip"

android:layout_height="42dip"

android:background="@drawable/圖片ID" />

2. color：顏色值。

(1)屬性定義：

(2)屬性使用：

android:layout_width="42dip"

android:layout_height="42dip"

android:textColor="#00FF00" />

3. boolean：布爾值。

(1)屬性定義：

(2)屬性使用：

android:layout_width="42dip"

android:layout_height="42dip"

android:focusable="true" />

4. dimension：尺寸值。

(1)屬性定義：

(2)屬性使用：

android:layout_width="42dip"

android:layout_height="42dip" />

5. float：浮點值。

(1)屬性定義：

(2)屬性使用：

android:fromAlpha="1.0"

android:toAlpha="0.7" />

6. integer：整型值。

(1)屬性定義：

(2)屬性使用：

android:frameDuration="100"

android:framesCount="12"

/>

7. string：字符串。

(1)屬性定義：

(2)屬性使用：

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:apiKey="0jOkQ80oD1JL9C6HAja99uGXCRiS2CGjKO_bc_g" />

8. fraction：百分數。

(1)屬性定義：

(2)屬性使用：

android:pivotX="200%"

android:pivotY="300%"

/>

9. enum：枚舉值。

(1)屬性定義：

(2)屬性使用：

android:orientation="vertical" >

10. flag：位或運算。

(1)屬性定義：

(2)屬性使用：

android:windowSoftInputMode="stateUnspecified | stateUnchanged　|　stateHidden" >

注意：屬性定義時可以指定多種類型值：

(1)屬性定義：

(2)屬性使用：

android:layout_width="42dip"

android:layout_height="42dip"

android:background="@drawable/圖片ID|#00FF00" />

總結

以上是生活随笔為你收集整理的android自定义组件属性,android自定义控件并添加属性的方法以及示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。