zoukankan      html  css  js  c++  java
  • 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;

  • 相关阅读:
    P1891 疯狂LCM
    P2568 GCD
    P1516 青蛙的约会和P2421 [NOI2002]荒岛野人
    P4168 蒲公英
    P5960 差分约束算法模板
    P2024 食物链(种类并查集)
    CF1328E Tree Queries
    CF1328B K-th Beautiful String
    dij-spfa乱搞
    P1993 小K的农场
  • 原文地址:https://www.cnblogs.com/xpzxh/p/13179867.html
Copyright © 2011-2022 走看看