Android 自定义控件

Posted 2020-12-12 xpzxh

技术概述，描述这个技术是做什么？学习该技术的原因，技术的难点在哪里。控制在50-100字内。

android前端中的自定义控件，当系统控件并不能满足我们的需求时，我们就需要来创建自定义控件，此项技术的难点应该是注册自定义控件的点击事件。

技术详述，描述你是如何实现和使用该技术的，要求配合代码和流程图详细描述。可以再细分多个点，分开描述各个部分。

1. 引入布局
   自定义一个标题栏，新建一个toolbar.xml文件，加入一个TextView

    <?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="#817D7D"
    >
   
     <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: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:textColor="#c0c0c0"
    android:textSize="24sp"
    android:text="title text" />
   
    <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:textColor="#fff"
    android:text="edit" />
    </LinearLayout>
   

   修改activity_main.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="match_parent"
    >
    <include layout="@layout/title"/>
    </LinearLayout>
   

   接下来在其他页面中使用只需要通过一句include语句

    <include layout="@layout/title"/>
   

   之后还需将系统自带的标题栏屏蔽

    package com.example.ch03;
   
    import android.drm.DrmStore;
    import android.support.v7.app.ActionBar;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
   
    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();
            }
        }
    }
   

2. 注册点击事件
   新建TitleLayout,成为标题栏控件

    public class TitleLayout extends LinearLayout {
   
    	public TitleLayout(Context context, AttributeSet attrs){
    		  super(context,attrs);
    		  LayoutInflater.from(context).inflate(R.layout.title,this);
   

   重写了LinearLayout中带参数的构造函数，引入TitleLayout控件就会调用这个构造函数,然后对标题栏进行动态加载，就需要借助LayoutInflater实现。通过LayoutInflater的from方法构建一个LayoutInflater对象，调用inflate()方法动态加载一个布局文件

   然后在布局文件中添加自定义控件，修改activity_main.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="match_parent"
    >
    <com.example.ch03.TitleLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>
   
    </LinearLayout>
   

   下面来给按钮注册点击事件，修改TitleLayout中的代码

    package com.example.ch03;
   
    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);
    LayoutInflater.from(context).inflate(R.layout.title,this);
   
    Button titleBack = findViewById(R.id.title_back);
    Button titleEdit = 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 click edit button",
                Toast.LENGTH_LONG).show();
            }
        });
    }
   
    }
   

技术使用中遇到的问题和解决过程。要求问题的描述和解决有一定的内容，不能草草概括。要让遇到相关问题的人看了你的博客之后能够解决该问题。

技术使用过程中发现点击范围太小，导致点击灵敏性较差，所以之后改成了对左侧布局进行监听，而不只是单个控件。
设置回调接口

private onViewClick mClick;

public void setOnViewClick(onViewClick click) {
    this.mClick = click;
}

public interface onViewClick {
    void leftClick();

    void rightClick();
}

在调用的时候拿到自定义view对象setOnViewClick即可

public TitlebarView(final Context context, AttributeSet attrs, int defStyleAttr) {
 layout_left.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View view) {
            mClick.leftClick();
        }
    });
}
public void setOnViewClick(onViewClick click) {
    this.mClick = click;
}
public interface onViewClick {
    void leftClick();

}

进行总结。

对于Android前端初学者来说，自定义控件显然有点棘手，其中的逻辑关系我还没有到烂熟于心的程度，而对于安卓开发来说，自定义控件是一项应用很广的技术，对于许多移动应用开发都会涉及到这项技术，所以之后会更加努力学习这项技术，早日彻底掌握并运用自如。

列出参考文献、参考博客（标题、作者、链接）。

《第一行代码》郭霖
Android自定义控件的三种实现方式——揽m月
Android Studio 创建自定义控件——null;