自定义控件

最新推荐文章于 2023-12-19 16:37:30 发布
最新推荐文章于 2023-12-19 16:37:30 发布
阅读量264 收藏 1
点赞数 1
分类专栏： 自定义控件 文章标签： 自定义控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fqw502483188/article/details/50224187
版权

控件的简单自定义代码

先是全部代码，后面来分步拆分

1、自定义View类里的代码

public class MyTitleView extends RelativeLayout implements View.OnClickListener {
    private Drawable mLeftImg;
    private String mLeftTxt, mTitleTxt, mRightTxt;
    private LayoutInflater mLayoutInflater;
    //声明接口
    private onCustomViewClickListener mOnCustomViewClickListener;

    /**
     * 定义接口
     */
    public interface onCustomViewClickListener {
        public void onTitleViewClick(View view);
    }

    /**
     * 注册
     *
     * @param listener
     */
    public void setOnCustomViewClickListener(onCustomViewClickListener listener) {
        mOnCustomViewClickListener = listener;
    }

    public MyTitleView(Context context) {
        super(context);
    }

    public MyTitleView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public MyTitleView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    /**
     * 从自定义属性（attrs.xml）中获取属性值，并赋给全局变量
     * @param context
     * @param attrs
     */
    public void init(Context context, AttributeSet attrs) {
        TypedArray typedArray = null;
        try {
            typedArray = context.getTheme().obtainStyledAttributes(attrs, R.styleable.MyTitleView, 0, 0);
            mLeftImg = typedArray.getDrawable(R.styleable.MyTitleView_left_img);
            mLeftTxt = typedArray.getString(R.styleable.MyTitleView_left_txt);
            mTitleTxt = typedArray.getString(R.styleable.MyTitleView_title_txt);
            mRightTxt = typedArray.getString(R.styleable.MyTitleView_right_txt);
        } finally {
            typedArray.recycle();//回收
        }

        mLayoutInflater = LayoutInflater.from(context);
        setView();
    }

    /**
     * 得到自定义的布局（想要的自定义控件的真正外观布局），并把属性值赋给布局上的控件
     */
    public void setView() {
        //引用自定义的布局
        View view = mLayoutInflater.inflate(R.layout.custom_view_title_layout, this, true);
        if (mLeftImg != null) {
            ImageView leftImg = (ImageView) view.findViewById(R.id.title_left_img);
            leftImg.setImageDrawable(mLeftImg);
            leftImg.setOnClickListener(this);
        }
        if (mLeftTxt != null) {
            TextView leftTxt = (TextView) view.findViewById(R.id.title_left_txt);
            leftTxt.setText(mLeftTxt);
            leftTxt.setOnClickListener(this);
        }
        if (mTitleTxt != null) {
            TextView titleTxt = (TextView) view.findViewById(R.id.title_title_txt);
            titleTxt.setText(mTitleTxt);
        }
        if (mTitleTxt != null) {
            TextView rightTxt = (TextView) findViewById(R.id.title_right_txt);
            rightTxt.setText(mRightTxt);
            rightTxt.setOnClickListener(this);
        }

    }

    /**
     * 控件点击事件时使用接口回调
     * @param v
     */
    @Override
    public void onClick(View v) {
        if (mOnCustomViewClickListener != null) {
            mOnCustomViewClickListener.onTitleViewClick(v);
        }
    }
}

2、Activity里的代码

public class CustomViewTestActivity extends Activity implements MyTitleView.onCustomViewClickListener{
    private MyTitleView mMyTitleView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_custom_view_test_layout);
        mMyTitleView = (MyTitleView) findViewById(R.id.custom_title_view);
//        setContentView(R.layout.sample_my_view_auto);

        //注册
        mMyTitleView.setOnCustomViewClickListener(this);

    }

    /**
     * 回调的监听事件
     * @param view
     */
    @Override
    public void onTitleViewClick(View view) {
        switch (view.getId()){
            case R.id.title_left_img:
                Toast.makeText(this,"img返回",Toast.LENGTH_SHORT).show();
                finish();
                break;
            case R.id.title_left_txt:
                Toast.makeText(this,"txt返回",Toast.LENGTH_SHORT).show();
                finish();
                break;
            case R.id.title_right_txt:
                Toast.makeText(this,"设置",Toast.LENGTH_SHORT).show();
                break;
        }
    }
}

3、（values文件夹下）attrs.xml里的代码

<?xml version="1.0" encoding="utf-8"?>
<!--declare-styleable name="MyTitleView"一般是自定义控件类的类名-->
<resources>
    <declare-styleable name="MyTitleView">
        <attr name="left_img" format="reference"/>
        <attr name="left_txt" format="string"/>
        <attr name="title_txt" format="string"/>
        <attr name="right_txt" format="string"/>
    </declare-styleable>
</resources>

4、你想自定义的控件的最终样子的布局代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/meituan_login_green">

    <!--android:src="@drawable/travel__ic_arrow_white_down"-->
    <ImageView
        android:id="@+id/title_left_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:paddingBottom="10dp"
        android:paddingLeft="15dp"
        android:paddingTop="10dp" />

    <!--android:text="返回"-->
    <TextView
        android:id="@+id/title_left_txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp"
        android:layout_toRightOf="@id/title_left_img"
        android:textColor="@android:color/background_light"
        android:textSize="18sp" />

    <!--android:text="标题"-->
    <TextView
        android:id="@+id/title_title_txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:paddingBottom="15dp"
        android:paddingTop="15dp"
        android:textColor="@android:color/background_light"
        android:textSize="23sp" />

    <!--android:text="更多"-->
    <TextView
        android:id="@+id/title_right_txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="15dp"
        android:textColor="@android:color/background_light"
        android:textSize="18sp" />

</RelativeLayout>

5、Activity里布局最终使用的控件代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.customview.MyTitleView
        android:id="@+id/custom_title_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:left_img="@drawable/travel__ic_arrow_white_down"
        app:title_txt="首页"
        app:right_txt="设置"
        app:left_txt="返回"/>

</LinearLayout>

这里写图片描述

自定义控件的分步代码

1、在values文件夹下建一个attrs.xml文件，设置自定义控件的属性

<?xml version="1.0" encoding="utf-8"?>
<!--declare-styleable name="MyTitleView"一般是自定义控件类的类名-->
<resources>
    <declare-styleable name="MyTitleView">
        <attr name="left_img" format="reference"/>
        <attr name="left_txt" format="string"/>
        <attr name="title_txt" format="string"/>
        <attr name="right_txt" format="string"/>
    </declare-styleable>
</resources>

2、建一个类，继承自一个布局（如：RelativeLayout），重写他的构造方法

public class MyTitleView extends RelativeLayout{
    public MyTitleView(Context context) {
        super(context);
    }

    public MyTitleView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);//调用下面初始化方法
    }

    public MyTitleView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);//调用下面初始化方法
    }
}

3、定义一个初始化方法

    private Drawable mLeftImg;
    private String mLeftTxt, mTitleTxt, mRightTxt;
    private LayoutInflater mLayoutInflater;
/**
     * 从自定义属性（attrs.xml）中获取属性值，并赋给全局变量
     * @param context
     * @param attrs
     */
    public void init(Context context, AttributeSet attrs) {
        TypedArray typedArray = null;
        try {
            typedArray = context.getTheme().obtainStyledAttributes(attrs, R.styleable.MyTitleView, 0, 0);
            mLeftImg = typedArray.getDrawable(R.styleable.MyTitleView_left_img);
            mLeftTxt = typedArray.getString(R.styleable.MyTitleView_left_txt);
            mTitleTxt = typedArray.getString(R.styleable.MyTitleView_title_txt);
            mRightTxt = typedArray.getString(R.styleable.MyTitleView_right_txt);
        } finally {
            typedArray.recycle();//回收
        }
        //实例化LayoutInflater
        mLayoutInflater = LayoutInflater.from(context);
        //调用下面得到自定义控件最终样子布局的方法
        setView();
    }

4、建一个布局文件（你自定义控件最终想要的样子）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/meituan_login_green">

    <!--android:src="@drawable/travel__ic_arrow_white_down"-->
    <ImageView
        android:id="@+id/title_left_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:paddingBottom="10dp"
        android:paddingLeft="15dp"
        android:paddingTop="10dp" />

    <!--android:text="返回"-->
    <TextView
        android:id="@+id/title_left_txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp"
        android:layout_toRightOf="@id/title_left_img"
        android:textColor="@android:color/background_light"
        android:textSize="18sp" />

    <!--android:text="标题"-->
    <TextView
        android:id="@+id/title_title_txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:paddingBottom="15dp"
        android:paddingTop="15dp"
        android:textColor="@android:color/background_light"
        android:textSize="23sp" />

    <!--android:text="更多"-->
    <TextView
        android:id="@+id/title_right_txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="15dp"
        android:textColor="@android:color/background_light"
        android:textSize="18sp" />

</RelativeLayout>

5、定义一个方法

/**
     * 得到自定义的布局（想要的自定义控件的真正外观布局），并把属性值赋给布局上的控件
     */
    public void setView() {
        //引用自定义的布局
        View view = mLayoutInflater.inflate(R.layout.custom_view_title_layout, this, true);
        if (mLeftImg != null) {
            ImageView leftImg = (ImageView) view.findViewById(R.id.title_left_img);
            leftImg.setImageDrawable(mLeftImg);
            leftImg.setOnClickListener(this);//点击事件的注册
        }
        if (mLeftTxt != null) {
            TextView leftTxt = (TextView) view.findViewById(R.id.title_left_txt);
            leftTxt.setText(mLeftTxt);
            leftTxt.setOnClickListener(this);//点击事件的注册
        }
        if (mTitleTxt != null) {
            TextView titleTxt = (TextView) view.findViewById(R.id.title_title_txt);
            titleTxt.setText(mTitleTxt);
        }
        if (mTitleTxt != null) {
            TextView rightTxt = (TextView) findViewById(R.id.title_right_txt);
            rightTxt.setText(mRightTxt);
            rightTxt.setOnClickListener(this);//点击事件的注册
        }
    }

6、在Activity中使用此控件，在布局中代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.customview.MyTitleView
        android:id="@+id/custom_title_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:left_img="@drawable/travel__ic_arrow_white_down"
        app:title_txt="首页"
        app:right_txt="设置"
        app:left_txt="返回"/>

</LinearLayout>

7、控件的点击监听事件（采用接口回调的方法）

(1)在自定义控件类（MyTitleView）中定义一个接口（也可以直接引用系统的接口（onClickListener）），我这里是自定义一个接口

/**
     * 定义接口
     */
    public interface onCustomViewClickListener {
        public void onTitleViewClick(View view);
    }

(2)在自定义控件类（MyTitleView）中声明接口

//声明接口
    private onCustomViewClickListener mOnCustomViewClickListener;

(3)在自定义控件类（MyTitleView）中定义注册接口的方法

/**
     * 注册
     *
     * @param listener
     */
    public void setOnCustomViewClickListener(onCustomViewClickListener listener) {
        mOnCustomViewClickListener = listener;
    }

(4)使自定义控件类（MyTitleView）实现onClickListener接口

public class MyTitleView extends RelativeLayout implements View.OnClickListener {}

(5)在重写的onClick方法中调用自定义接口方法，把view传过去，在上面的setView()方法中记得要注册点击事件接口

/**
     * 控件点击事件时使用接口回调
     * @param v
     */
    @Override
    public void onClick(View v) {
        if (mOnCustomViewClickListener != null) {
            mOnCustomViewClickListener.onTitleViewClick(v);
        }
    }

(6)在Activity中实现上述自定义接口，并在onCreate()方法中注册接口，在重写的方法中写入处理点击事件代码

public class CustomViewTestActivity extends Activity implements MyTitleView.onCustomViewClickListener{
    private MyTitleView mMyTitleView;//声明控件

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_custom_view_test_layout);
        //得到控件实例
        mMyTitleView = (MyTitleView) findViewById(R.id.custom_title_view);
        //注册
        mMyTitleView.setOnCustomViewClickListener(this);

    }

    /**
     * 回调的监听事件
     * @param view
     */
    @Override
    public void onTitleViewClick(View view) {
        switch (view.getId()){
            case R.id.title_left_img:
                Toast.makeText(this,"img返回",Toast.LENGTH_SHORT).show();
                finish();
                break;
            case R.id.title_left_txt:
                Toast.makeText(this,"txt返回",Toast.LENGTH_SHORT).show();
                finish();
                break;
            case R.id.title_right_txt:
                Toast.makeText(this,"设置",Toast.LENGTH_SHORT).show();
                break;
        }
    }
}
fqw502483188
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义View实例——下雨天画面(通过布局文件.xml中的自定义属性来设值)
可乐淘的专栏
03-13 501
AndroidManifest.xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.cctvjiatao.rainview" android:versionCode="1" android:versionName="1.0" > <use
Android background drawable加载过程
sini8794的博客
05-04 197
在这里可以看到所有的drawable节点和对应的drawable的Java对象。
自定义view 使用 TypedArray 获取不到配置的原因
geekqian的博客
06-28 1480
自定义类中有 3 个构造方法; public CustomView(Context context){} public CustomView(Context context, @Nullable AttributeSet attrs){} public CustomView(Context context, @Nullable AttributeSet attrs, int defStyle...
安卓自定义控件－－TypedArray 详解
展翅飞翔
12-07 546
我本是在阅读TvRecyclerView的源码。我没有弄明白默认的选中图标到底如何设置的。我就去看源码，看到使用了TypeArray，于是记录下来，方便以后查看。 　　　　使用流程如下： 　　　　在attrs.xml中定义一个属性变量 　　　　 xml version="1.0" encoding="utf-8" ?> name="TvRecyclerView">
Fresco 源码分析(四) 后台数据返回到前台的处理 - Drawable体系的介绍(1)
潘永强_PandaPan的博客
10-03 2190
android drawable体系 分析1. 引纠结了好久,终究还是要写这篇博客了,之前个人对于android的drawable类也只是一扫而已,根本也没有思考过这个是如何的,估计对于一些人也是陌生的,只是知道在android中如何去使用drawable,当然,知道使用是第一步的,但是假如只是停留在这个层次,那么我们对于android的理解还是比较基础的,个人现在体会最深的一句话是Android
labview自定义控件.rar
06-23
在"labview自定义控件.rar"这个压缩包中，我们关注的是LabVIEW中的一个重要特性——自定义控件。 自定义控件是LabVIEW编程中的一个重要元素，它允许用户根据需求创建具有特定功能或视觉效果的独特界面组件。这不仅...
C#自定义控件.rar
12-05
本资料包“C#自定义控件.rar”显然是关于如何在C#环境中创建和使用自定义控件的教程或示例代码。 自定义控件的创建通常分为几个步骤： 1. **基础类选择**：首先，你需要选择一个基础类来继承。这可以是系统提供的...
为C#自定义控件添加自定义事件
12-22
在C#编程中，自定义控件是一种常见的方式，它允许开发者根据特定需求组合和扩展标准控件，创建具有独特功能的用户界面元素。本文将详细介绍如何为C#自定义控件添加自定义事件，以便将事件响应代码推迟到使用这些控件...
C#自定义控件库
01-22
"C#自定义控件库"是指使用C#语言编写的、由开发者自定义的控件集合，这些控件可以扩展.NET Framework的标准控件集，为用户提供更丰富的界面元素和功能。自定义控件是软件开发中的一个重要环节，特别是在UI设计和用户...
C#自定义控件VS用户控件
12-31
C#中自定义控件VS用户控件大比拼 1 自定义控件与用户控件区别 WinForm中， 用户控件（User Control）：继承自 UserControl，主要用于开发 Container 控件，Container控件可以添加其他Controls控件 自定义控件...
Android开发中自定义可扩展的textView
最新发布
qq_36451275的博客
12-19 877
自定义可扩展的textView
Android自定义view：自定义属性 TypedArray
火星男孩的分享空间
03-15 4124
定义： <declare-styleable name="MyView"> <attr name="vColor" format="color" /> <attr name="vDrawable" format="color|reference" /> <attr name="vDimen" format="dimension" /> <attr name="vReference" format="reference" /
Android 之 自定义标签 和 自定义组件 TypedArray
汪小哥
09-12 535
1. 自定义标签 这是我的模板项目目录   既然想像 android:text  那样使用自己的标签，那么首先得有标签。 在 res/values/ 下我新建了个 mm_tag.xml (切记不可出现大写，只能是 小写字母、数字、下划线) 第一步:    自定义 标签 mm_tag.xml
Android自定义XEditText实现手机号空格输入
你全家都是博客
09-21 1140
Android自定义XEditText实现手机号空格输入。
Android TypedArray源码详解
热门推荐
数据结构和算法
06-19 1万+
尊重原创，转载请标明出处    http://blog.csdn.net/abcdef314159 在自定义控件的时候，如果我们想额外的添加一些属性，就会用到TypedArray这个类，那么这个类是怎么得到的，以及怎么使用的，这篇讲会详细讲解，下面是我以前自定义控件的一段代码 TypedArray typedArray = context.obtainStyledAttributes(attr
Android学习之 自定义属性及TypedArray的用法
小吕丶Code阶区
06-25 8987
一、 在xml 文件里定义控件的属性，我们用的最多的是 Android系统自带的属性如：
Android中Drawable适配介绍
每天学习一点点，每天记录一点点
09-29 3998
Android中Drawable适配介绍         Android可以运行在各种不同屏幕大小和密度的设备上，并且为不同的设备提供一致的开发环境。在不同设备上显示时，Android可以调整应用的UI悴适配不同的屏幕。此外，Android也提供了一些API可以针对不同的设备屏幕大小和密度来控制UI的显示。虽然Android可以针对不同的APP进行缩放和调整以适配不同的屏幕，但是我们仍然需要针对
Android自定义控件实战指南
"Android自定义控件教程，涵盖了基础与进阶知识，包括基本控件介绍、自定义控件实现、自定义属性、控件外观、动态控件以及实例教程等。" 在Android开发中，自定义控件是提升用户体验和应用独特性的重要手段。这篇...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值