Android 自定义控件

技术概述,描述这个技术是做什么?学习该技术的原因,技术的难点在哪里。控制在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;

posted @ 2020-06-22 23:55  XP二二不  阅读(154)  评论(0编辑  收藏  举报