day03 创建自定义控件

1.Android 控件和布局的继承结构

可以看到,我们所用的多有的控件都是直接或间接继承自View的,所有的布局都是直接或间接继承自
ViewGroup的.View是android中一种基本的UI组件,它可以在屏幕上绘制一块矩形区域,并能够响应这块区域的各种事件.
而ViewGroup是一种特殊的View,它可以包含很多的子View和子ViewGroup,是一个用于放置控件和布局的容器.

而当系统的控件不满足我们的需求的时候,我们就可以利用系统的控件来创建自定义的控件.

2.自定义控件的使用方式

2.1 引入布局
如果我们的应用程序很多的界面都显示一个固定的标题栏,这个时候我们可以自定义一个xml文件,把那个需要的
标题栏写在这个xml文件中,在我们需要的地方引入即可.
title.xml (两个按钮,一个返回,一个编辑,中间是编辑文本的edittext)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:background="#333333"    android:orientation="horizontal"    tools:context="com.example.my03_mycomponent.MainActivity"    tools:ignore="HardcodedText" >    <Button         android:id="@+id/btn_title_back"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:layout_margin="5dp"        android:background="#22ff11"        android:text="Back"        android:textColor="#1100ff"        />    <TextView         android:id="@+id/tv_title_text"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:layout_weight="1"        android:gravity="center"        android:textSize="24sp"        android:textColor="#22ff11"        android:text="Title Text"        />    <Button         android:id="@+id/btn_title_edit"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:layout_margin="5dp"        android:background="#22ff11"        android:text="Edit"        android:textColor="#1100ff"        android:textSize="24sp"        /></LinearLayout>

然后修改activity_main.xml中的代码:
activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="horizontal"    >    <include layout="@layout/title"/></LinearLayout>

这样我们就通过
这一行代码将整个标题栏引入进来了.在MainActivity当中利用
requestWindowFreature(Window.FEATURE_NO_TITLE);将原来的title隐藏掉即可.
使用这种方式,不管有多少布局要引入标题栏,只需要一行代码即可.

2.2 创建自定义控件
引入布局的技巧确实解决了重复编写布局代码的问题,但是如果布局中有一些控件要求能够响应事件,我们还是
需要在每个活动中为这些控件编写事件注册和处理代码.比如说标题栏中的返回按钮,其实不管是哪一个活动
这个按钮的功能都是销毁当前的活动.而如果在每一个活动中都需要重新注册一般返回按钮的点击事件,无疑
增加了很多重复的代码,这种情况下最好是使用自定义控件的方式来解决.

新建TitleLayout继承自LinearLayout,让它成为我们自定义的标题栏控件,代码如下:

package com.example.my03_mycomponent;import android.content.Context;import android.util.AttributeSet;import android.view.LayoutInflater;import android.widget.LinearLayout;/** * 自定义控件类 * */public class TitleLayout extends LinearLayout{    public TitleLayout(Context context, AttributeSet attrs)    {        super(context, attrs);        /**         * @R.layout.title 要加载的布局文件的id         * @this 加载好的布局再添加到的一个父布局,这里是this         */        LayoutInflater.from(context).inflate(R.layout.title, this);    }}

然后在我们的activity_main.xml当中引入这个控件
修改activity_main.xml中的代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="horizontal" >    <com.example.my03_mycomponent.TitleLayout        android:layout_width="match_parent"        android:layout_height="wrap_content" >    </com.example.my03_mycomponent.TitleLayout></LinearLayout>

在xml文件布局文件中,添加自定义的控件和普通的控件是一样的,只不过在添加自定义控件的时候我们需要指明控件的完整类名和
包名.然后我们为标题栏中的按钮注册点击事件,修改TitleLayout中的代码:如下所示:
TitleLayout.java

package com.example.my03_mycomponent;import android.app.Activity;import android.content.Context;import android.util.AttributeSet;import android.view.LayoutInflater;import android.view.View;import android.widget.Button;import android.widget.LinearLayout;import android.widget.Toast;/** * 自定义控件类 * */public class TitleLayout extends LinearLayout{    public TitleLayout(Context context, AttributeSet attrs)    {        super(context, attrs);        /**         * @R.layout.title 要加载的布局文件的id         * @this 加载好的布局再添加到的一个父布局,这里是this         */        LayoutInflater.from(context).inflate(R.layout.title, this);        Button btnBack  = (Button) findViewById(R.id.btn_title_back);        Button btnEdit = (Button) findViewById(R.id.btn_title_edit);        btnBack.setOnClickListener(new OnClickListener()        {            public void onClick(View v)            {                ((Activity)getContext()).finish();            }        });        btnEdit.setOnClickListener(new OnClickListener()        {            @Override            public void onClick(View v)            {                Toast.makeText(getContext(), "You Click The Edit!", Toast.LENGTH_SHORT).            }        });    }}

这样的话,每当我们在一个布局中引入TitleLayout的时候,返回按钮和编辑按钮的点击事件就已经自动实现好了,也
就不用再每个activity当中去注册监听事件了.