Android自定义View----1. 自定义组合控件

Android自定义View----1. 自定义组合控件

本节前言

自定义View的实现方式大概可以分为三种：

(1).自绘控件 (2).组合控件 (3).继承控件

每种方式分别是如何自定义View的， 以及三种使用的场合，以下会介绍.

本节正文

1. 简介

自定义view中，组合控件是最简单的实现方式，组合控件可以理解为，充分利用系统原有的组件基础上，将多个组件放到同一个布局xml 中重新组合成一个新的view 组件，无需我们手动绘制.

2.使用步骤

(1).先要理清组合控件中包含有哪几个组件,在xml 中定义好组件内容以及布局.

(2).然后顶一个view继承自FrameLayout等view 类，添加好类的构造方法, 并在构造方法中加载此布局xml .

(3).在对应UI 界面做添加，以包名+类名方式加入到xml 布局文件中.

3.案例讲解

如图所示，一个包含了图片和文本的按钮，这种简单的组合控件，需要明确哪几个组件，然后在xml 中重新定义即可.



从图中可以看到按钮中包含的组件内容.

title_view.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="center_vertical">

<ImageView
android:id="@+id/iv"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_gravity="center_horizontal"
android:layout_marginLeft="15dp" />

<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="20dip"
android:textColor="#000000" />

</LinearLayout>

继续看下如何定义一个TitleView

TitleView.java

public class TitleView extends FrameLayout {
private ImageView img;
private TextView tv;

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

public TitleView(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater.from(context).inflate(R.layout.title_view,this,true);
img=(ImageView)findViewById(R.id.iv);
tv=(TextView)findViewById(R.id.tv);
}

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

public void setTextViewtext(String str){
tv.setText(str);
}

public void setImageViewbg(int id){
img.setBackgroundResource(id);
}
}

利用LayoutInflater.from(context).inflate(R.layout.title_view,this,true); 加载一个xml ,里面定义了组合的各种组件内容.
MainActivity.java

public class MainActivity extends Activity {

private TitleView tv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tv=(TitleView)findViewById(R.id.bt_confirm);
tv.setTextViewtext("确定");
tv.setImageViewbg(R.drawable.icon_settings);
}
}

这里定义的TitleView对象，即为自定义的View。然后在activity_main.xml添加加载.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="fill_parent">

<com.example.titleview.TitleView
android:id="@+id/bt_confirm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/focused"
android:clickable="true"
android:focusable="true" />

</RelativeLayout>

4.案例源码

http://git.oschina.net/xiabing/TestDemoForview

5.常见问题

自定义view 常见会出现问题，各种异常解决分析，请查阅：

Android异常汇集： /article/8268271.html