学而实习之 不亦乐乎

Android自定义控件(一):组合原生控件

2021-08-02 22:55:00

一、简介

1、View是Android中最基本的组件,它可以在屏幕上绘制一块矩形区域,并在这块区域内响应各种事件。所有控件都直接或间接继承自View,例如:View、TextView、ImageView、Button等。

2、ViewGroup是一种特殊的View,可以包含很多子View和子ViewGroup,是一个用于放置控件和布局的容器。所有布局都直接或间接继承自ViewGroup,例如:ViewGroup、LinearLayout、FrameLayout、RelativeLayout等。

二、引入布局

在 App 中经常会用到相同的标题栏,如果每个页面都重新写一个,那样很是麻烦。其实只需要新建一个布局文件就行了。

1.新建xml布局文件title.xml,并编写需要的布局。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/title_bg">

    <Button
        android:id="@+id/title_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:background="@drawable/back_bg"
        android:text="Back"
        android:textColor="#fff" />

    <TextView
        android:id="@+id/title_text"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:gravity="center"
        android:text="Title Text"
        android:textColor="#fff"
        android:textSize="24sp" />

    <Button
        android:id="@+id/title_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:background="@drawable/edit_bg"
        android:text="Edit"
        android:textColor="#fff" />

</LinearLayout>

2.在activity_main.xml中引入title.xml 

<include layout=”@layout/title”>

这种方法虽然解决了重复布局的问题,但是如果控件有响应事件,则需要每个界面都需要重新编写。

三、创建自定义控件

基于上面事件响应的问题,可以换一种方式来解决,

1.新建一个 TitleLayout 类,继承自 LinearLayout,代码如下:

public class TitleLayout extends LinearLayout {

    public TitleLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.title, this);
        Button titleBack = (Button) findViewById(R.id.title_back);
        Button titleEdit = (Button) findViewById(R.id.title_edit);
        titleBack.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                ((Activity) getContext()).finish();
            }
        });
        titleEdit.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getContext(), "You clicked Edit button",
                        Toast.LENGTH_SHORT).show();
            }
        });
    }
}

2.在 Activity 中引用

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

    <com.example.test.TitleLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ActionBar actionbar = getSupportActionBar();
        if (actionbar != null) {
            actionbar.hide();
        }
    }
}

这样,如果新控件中响应的方法是一样的话,只需要在一个地方进行响应,省去了很多重复代码。