技术概述,描述这个技术是做什么?学习该技术的原因,技术的难点在哪里。控制在50-100字内。
Android前端中的自定义控件,当系统控件并不能满足我们的需求时,我们就需要来创建自定义控件,此项技术的难点应该是注册自定义控件的点击事件。
技术详述,描述你是如何实现和使用该技术的,要求配合代码和流程图详细描述。可以再细分多个点,分开描述各个部分。
-
引入布局
自定义一个标题栏,新建一个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(); } } }
-
注册点击事件
新建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;