Android中自定义组合控件

来源：互联网发布：java regex 编辑：程序博客网时间：2024/05/22 15:31

Android中自定义控件的情况非常多，一般自定义控件可以分为两种：继承控件及组合控件。前者是通过继承View或其子类，重写方法实现自定义的显示及事件处理方式；后者是通过组合已有的控件，来实现结构的简化和代码的重用。

本篇文章主要介绍自定义组合控件，继承控件后续有机会再述。

自定义组合控件一般来说都是以ViewGroup及其子类（LinearLayout、RelativeLayout、FrameLayout等）为主，内部嵌套其他控件，来组合成一个新的控件，实现一些特定的需要，可以是代码简化，结构清晰，重用性较高。

通常来说，我们会实现定义好一个Layout.xml文件，然后让我们的自定义控件去加载此xml，并获取子控件，然后设置属性（可以通过代码，也可以从资源文件中加载）、添加事件。

自定义要点：

1.加载xml文件是在构造方法中完成的，通过调用inflate(R.layout.my_layout, this , true )，注意第二个和第三个参数；

2.如果需要从资源文件中加载自定义的属性，则必须重写Constructor(Context context, AttributeSet attrs) 此构造方法，属性是定义在attrs.xml中的；

3.获取子控件对象，可以在构造方法中获取，也可以重写onFinishInflate()方法来获取，个人建议采用第二种，可以保证控件已经完全加载好了。

4.添加事件可以直接在控件中写，不过考虑到扩展性及复用性，建议对外暴露接口。

示例代码（代码比较简单，只是描述一下思路）

自定义控件layout：header.xml

[XML] 纯文本查看复制代码

?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">
  <ImageButtonandroid:id="@+id/ib_header"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:src="@android:drawable/ic_menu_zoom"/>
  <TextViewandroid:id="@+id/tv_header"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"/>
</RelativeLayout>

自定义控件类：Header.java

[Java] 纯文本查看复制代码

?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
packagecom.ivan.app1.widgets;
importcom.ivan.app1.R;
importandroid.content.Context;
importandroid.content.res.TypedArray;
importandroid.graphics.Color;
importandroid.text.TextUtils;
importandroid.util.AttributeSet;
importandroid.view.LayoutInflater;
importandroid.widget.ImageButton;
importandroid.widget.LinearLayout;
importandroid.widget.TextView;
/**
 * 自定义标题栏组合控件，内部包含一个TextView和一个ImageButton
 * User: xyh
 * Date: 2015/6/2
 * Time: 9:39
 */
publicclass Header extendsRelativeLayout {
  privateTextView mTextView;
  privateImageButton mImageButton;
  privateString titleText;
  privateint titleTextColor;
  privatefloat titleTextSize;
  publicHeader(Context context) {
    super(context);
  }
  publicHeader(Context context, AttributeSet attrs) {
    super(context, attrs);
    //加载视图的布局
    LayoutInflater.from(context).inflate(R.layout.header,this,true);
    //加载自定义的属性
    TypedArray a=context.obtainStyledAttributes(attrs,R.styleable.Header);
    titleText=a.getString(R.styleable.Header_titleText);
    titleTextColor=a.getColor(R.styleable.Header_titleTextColor, Color.WHITE);
    titleTextSize=a.getDimension(R.styleable.Header_titleTextSize,20f);
    //回收资源，这一句必须调用
    a.recycle();
  }
  /**
   * 此方法会在所有的控件都从xml文件中加载完成后调用
   */
  @Override
  protectedvoid onFinishInflate() {
    super.onFinishInflate();
    //获取子控件
    mTextView= (TextView) findViewById(R.id.tv_header);
    mImageButton= (ImageButton) findViewById(R.id.ib_header);
    //将从资源文件中加载的属性设置给子控件
    if(!TextUtils.isEmpty(titleText))
      setPageTitleText(titleText);
    setPageTitleTextColor(titleTextColor);
    setPageTitleTextSize(titleTextSize);
  }
  /**
   * 设置标题文字
   * @param text
   */
  publicvoid setPageTitleText(String text) {
    mTextView.setText(text);
  }
  /**
   * 设置标题文字颜色
   * @param color
   */
  publicvoid setPageTitleTextColor(intcolor) {
    mTextView.setTextColor(color);
  }
  /**
   * 设置标题文字大小
   * @param size
   */
  publicvoid setPageTitleTextSize(floatsize) {
    mTextView.setTextSize(size);
  }
  /**
   * 设置按钮点击事件监听器
   * @param listener
   */
  publicvoid setOnHeaderClickListener(OnClickListener listener) {
    mImageButton.setOnClickListener(listener);
  }
}

自定义属性文件：attrs.xml

[XML] 纯文本查看复制代码

?
1
2
3
4
5
6
7
8
9
<?xmlversion="1.0"encoding="utf-8"?>
<resources>
  <!-- 自定义的属性-->
  <declare-styleablename="Header">
    <attrname="titleTextSize"format="dimension"/>
    <attrname="titleTextColor"format="color"/>
    <attrname="titleText"format="string"/>
  </declare-styleable>
</resources>

以下是引用方式，activity布局文件：main.xml

[XML] 纯文本查看复制代码

?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <!-- 注意需要加上命名空间 在eclipse开发工具中：使用 xmlns:app="http://schemas.android.com/apk/res/com.ivan.app1.widgets"
     在IntelliJ Idea或者Android Studio中以Gradle构建时，使用 xmlns:app="http://schemas.android.com/apk/res-auto"
  -->
  <!-- 通过包的类的全名来引用自定义视图-->
  <com.ivan.app1.widgets.Header
    android:id="@+id/header"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:background="@color/black"
    app:titleText="我是标题"
    app:titleTextColor="#ff0000"
    app:titleTextSize="12sp"/>
  <TextViewandroid:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:text="我是内容"
    android:textSize="60sp"/>
</LinearLayout>

主Activity类：MainActivity.java

[Java] 纯文本查看复制代码

?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
packagecom.ivan.app1;
importcom.ivan.app1.widgets.Header;
importandroid.os.Bundle;
importandroid.support.v7.app.AppCompatActivity;
importandroid.view.View;
importandroid.widget.Toast;
/**
 * User: xyh
 * Date: 2015/6/2
 * Time: 10:30
 */
publicclass MainActivity extendsAppCompatActivity {
  @Override
  publicvoid onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    ((Header)findViewById(R.id.header)).setOnHeaderClickListener(newView.OnClickListener() {
      @Override
      publicvoid onClick(View v) {
        Toast.makeText(getApplicationContext(),"标题栏的按钮被点击了",Toast.LENGTH_LONG).show();
      }
    });
  }
}

运行结果：

原地址：http://www.cnblogs.com/ivan-xu/p/4545929.html?utm_source=tuicool

0 0