android自定义组件

最新推荐文章于 2025-03-09 19:43:31 发布
最新推荐文章于 2025-03-09 19:43:31 发布
阅读量277 收藏
点赞数
文章标签： 自定义组件 自定义通用组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/baidu_32015283/article/details/87934952
版权

废话不说直接上图（效果）
在这里插入图片描述
开发过程中经常会碰到这样的通用布局，显示不同功能的入口 例如左边一个图片 接一个文案 中间一个要显示的字段 右边一个要显示的字段 再加一个右箭头，虽然在布局中代码很简单，但是难免会显得代码多影响阅读，那么这个时候我们可以自定义一个通用组件CommonView

1.在attrs中定义一个styleable

<attr name="isShowTextNotes" format="boolean" />
<attr name="isSingleTextNotes" format="boolean" />
<attr name="notesText" format="string" />
<attr name="notesTextColor" format="color" />
<attr name="notesTextSize" format="dimension" />

<attr name="isShowTextCent" format="boolean" />
<attr name="isSingleTextCent" format="boolean" />
<attr name="centText" format="string" />
<attr name="centTextColor" format="color" />
<attr name="centTextSize" format="dimension" />

<attr name="isShowArraw" format="boolean" />

2.自定义组件

/**
 * 自定义通用控件
 * Created by wangbin on 16/2/15.
 */
public class CommonView extends RelativeLayout {

    private ImageView ivCommon;//左边图表
    private TextView tvCommon;//左边文字
    private TextView tvNotes;//右边按钮文字
    private TextView tvNotesBottom;//右边按钮底部文字
    private ImageView ivArrow;//右边箭头
    private TextView tv_centtext;//左边文字邮编的描述
    private RelativeLayout rl_bg;//整个布局


    /**
     * 字体颜色
     */
    private int desTextColor;
    /**
     * 分类的图片
     */
    private Drawable categoryImage;
    /**
     * 文字描述
     */
    private String desText;
    /**
     * 文字大小 默认16
     */
    private float desTextSize;
    /**
     * 是否显示分类图片
     */
    private boolean isShowCategoryImage;
    /**
     * 分类的状态图片
     */
    private Drawable statusImage;
    /**
     * 右边箭头图片
     */
    private int ivImage;
    /**
     * 分类的状态图片的高 默认16
     */
    private float statusImage_width;
    /**
     * 分类的状态图片的宽 默认16
     */
    private float statusImage_height;

    /**
     * 是否显示最邮编文字
     */
    private boolean isShowTextNotes;
    private String notesText;
    private int notesTextColor;
    private float notesTextSize;
    private boolean flag;
    private boolean tvNotesSingleLine;


    private boolean isShowArraw;//显示邮编箭头


    /**
     * 是否显示最左边文字邮编的文字
     */
    private boolean isShowTextcent;
    private String centText;
    private int centextColor;
    private float centTextSize;
    private boolean centflag;
    private boolean tvcentSingleLine;




    public CommonView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
        TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.CommonView);

        //左边字体
        desText = mTypedArray.getString(R.styleable.CommonView_desText);//左边字体
        desTextColor = mTypedArray.getColor(R.styleable.CommonView_desTextColor,
               getResources().getColor(R.color.black_1));//左边字体颜色

        desTextSize = mTypedArray.getDimensionPixelSize(
                R.styleable.CommonView_desTextSize, 28);//字体大小

        isShowCategoryImage = mTypedArray.getBoolean(
                R.styleable.CommonView_isShowCategoryImage, true);//是否显示左边图片(这里没用到)

        statusImage = mTypedArray.getDrawable(R.styleable.CommonView_statusImage);//左边图片

        //右边字体
        isShowTextNotes = mTypedArray.getBoolean(R.styleable.CommonView_isShowTextNotes, true);//是否显示
        notesText = mTypedArray.getString(R.styleable.CommonView_notesText);
        notesTextColor = mTypedArray.getColor(R.styleable.CommonView_notesTextColor, getResources().getColor(R.color.black_1));
        notesTextSize = mTypedArray.getDimensionPixelSize(R.styleable.CommonView_notesTextSize, 28);
        tvNotesSingleLine=mTypedArray.getBoolean(R.styleable.CommonView_isSingleTextNotes,true);

        //中间字体
        isShowTextcent = mTypedArray.getBoolean(R.styleable.CommonView_isShowTextCent, false);//是否显示
        centText = mTypedArray.getString(R.styleable.CommonView_centText);
        centextColor = mTypedArray.getColor(R.styleable.CommonView_centTextColor, getResources().getColor(R.color.black_1));
        centTextSize = mTypedArray.getDimensionPixelSize(R.styleable.CommonView_centTextSize, 28);
        tvcentSingleLine=mTypedArray.getBoolean(R.styleable.CommonView_isSingleTextCent,true);

        //右边箭头
        isShowArraw=mTypedArray.getBoolean(R.styleable.CommonView_isShowArraw,true);




        mTypedArray.recycle();

        initData();

    }

    private void init() {
        View view = View.inflate(getContext(), R.layout.common_view, this);
        ivCommon = (ImageView) view.findViewById(R.id.ivCommon);//左边图片
        tvCommon = (TextView) view.findViewById(R.id.tvCommon);//左边文字
        tvNotes = (TextView) view.findViewById(R.id.tvNotes);//右边文字
        tvNotesBottom =  (TextView) view.findViewById(R.id.tvNotesBottom);//右边底部文字
        ivArrow =(ImageView) view.findViewById(R.id.ivArrow);//右边箭头
        tv_centtext= (TextView) view.findViewById(R.id.tv_centtext);//中间文字
    }
    public void setTvNotesBottomVisiable(int visiable){
        tvNotesBottom.setVisibility(visiable);
    }
    /**
     * 设置分类状态图片的宽和高
     *
     * @param statusImage_width  单位是dp 无需自己转换
     * @param statusImage_height 单位是dp 无需自己转换
     */
    public void setStatusImageWH(float statusImage_width,
                                 float statusImage_height) {
        android.view.ViewGroup.LayoutParams params = ivCommon
                .getLayoutParams();
        params.width = (int) statusImage_width;
        ivCommon.setLayoutParams(params);
        params.height = (int) statusImage_height;
        this.statusImage_width = statusImage_width;
        this.statusImage_height = statusImage_height;
    }

    /**
     * 设置分类状态的图片
     *
     * @param statusImage
     */
    @SuppressWarnings("deprecation")
    public void setStatusImage(Drawable statusImage) {
        if (statusImage != null) {
            ivCommon.setBackgroundDrawable(statusImage);
            this.statusImage = statusImage;
        }

    }

    /**
     * 设置是否显示分类图片
     *
     * @param isShowCategoryImage
     */
    public void setIsShowCategoryImage(boolean isShowCategoryImage) {
        if (isShowCategoryImage) {
            ivCommon.setVisibility(View.VISIBLE);
        } else {
            ivCommon.setVisibility(View.GONE);
        }
        this.isShowCategoryImage = isShowCategoryImage;

    }

    /**
     * 设置描述字体的大小
     *
     * @param desTextSize 单位是sp
     */
    public void setDesTextSize(float desTextSize) {
        tvCommon.setTextSize(TypedValue.COMPLEX_UNIT_PX, desTextSize);
        // tv_des.setTextSize( desTextSize);
        this.desTextSize = desTextSize;

    }

    /**
     * 设置描述信息
     *
     * @param desText
     */
    public void setDesText(String desText) {
        if (desText != null) {
            tvCommon.setText(desText);
            this.desText = desText;
        }
    }

    /**
     * 设置 分类的图片
     */
//    @SuppressWarnings("deprecation")
//    public void setCategoryImage(Drawable categoryImage) {
//        if (categoryImage != null) {
//            iv_category.setBackgroundDrawable(categoryImage);
//            this.categoryImage = categoryImage;
//        }
//
//    }

    /**
     * 设置描述字体颜色
     *
     * @param desTextColor
     */
    public void setDesTextColor(int desTextColor) {
        tvCommon.setTextColor(desTextColor);
        this.desTextColor = desTextColor;
    }

    /**
     * 设置右边文字
     * @param notesText
     */
    public void setNotesText(String notesText) {
        if (notesText != null) {
            tvNotes.setText(notesText);
            this.notesText = notesText;
        }
    }

    /**
     * 设置中间文字
     * @param centText
     */
    public void setcentText(String centText) {
        if (centText != null) {
            tv_centtext.setText(centText);
            this.centText = centText;
        }
    }



    /**
     * 设置右边文字颜色
     * @param notesTextColor
     */
    public void setNotesTextColor(int notesTextColor){
        tvNotes.setTextColor(notesTextColor);
        this.notesTextColor=notesTextColor;
    }

    /**
     * 设置中间文字颜色
     * @param centTextColor
     */
    public void setCentTextColor(int centTextColor){
        tv_centtext.setTextColor(centTextColor);
        this.centextColor=centTextColor;
    }


    public void setSingleLine(boolean singleLine){
        tvNotes.setSingleLine(singleLine);
        this.tvNotesSingleLine=singleLine;
    }

    public void setcentSingleLine(boolean singleLine){
        tv_centtext.setSingleLine(singleLine);
        this.tvcentSingleLine=singleLine;
    }

    /***
     * 设置右边箭头可见不可见
     * @param flag
     */
    public void setIvArrow(boolean flag){
        if (flag==true){
            ivArrow.setVisibility(View.VISIBLE);
            setEnabled(true);
        }else {
            ivArrow.setVisibility(View.GONE);
            setEnabled(false);
        }
        this.isShowArraw=flag;
    }





    /**
     * 设置字体大小
     * @param notesTextSize
     */
    public void setNotesTextSize(float notesTextSize){
        tvNotes.setTextSize(TypedValue.COMPLEX_UNIT_PX, notesTextSize);
        this.notesTextSize=notesTextSize;
    }

    /**
     * 设置字体大小
     * @param centTextSize
     */
    public void setcentTextSize(float centTextSize){
        tv_centtext.setTextSize(TypedValue.COMPLEX_UNIT_PX, centTextSize);
        this.centTextSize=centTextSize;
    }

    public void setIsShowNotesText(boolean isShowTextNotes){
        if(isShowTextNotes){
            tvNotes.setVisibility(View.VISIBLE);
        }else{
            tvNotes.setVisibility(View.GONE);
        }
        this.isShowTextNotes=isShowTextNotes;
    }


    /**
     * 设置中间文字是否课件
     * @param isShowTextCent
     */
    public void setIsShowCentText(boolean isShowTextCent){
        if(isShowTextCent){
            tv_centtext.setVisibility(View.VISIBLE);
        }else{
            tv_centtext.setVisibility(View.GONE);
        }
        this.isShowTextcent=isShowTextCent;
    }




    /**
     * 初始化数据参数
     */
    private void initData() {

        setDesTextColor(desTextColor);
        setDesText(desText);
        setDesTextSize(desTextSize);
        setIsShowCategoryImage(isShowCategoryImage);
        setStatusImage(statusImage);

        setNotesText(notesText);
        setNotesTextColor(notesTextColor);
        setNotesTextSize(notesTextSize);
        setIsShowNotesText(isShowTextNotes);
        setSingleLine(tvNotesSingleLine);

        setcentSingleLine(tvcentSingleLine);
        setcentText(centText);
        setcentTextSize(centTextSize);
        setCentTextColor(centextColor);
        setIsShowCentText(isShowTextcent);

        setIvArrow(isShowArraw);
    }
}

3.在对应的布局文件中申明自定义的布局

 <com.rmwl.rcchgwd.view.CommonView
            android:id="@+id/com_cpgm"
            app:notesTextSize="13sp"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            app:desText="产品规模"
            app:desTextColor="@color/black_3"
            app:desTextSize="13sp"
            app:isShowArraw="false"
            app:isShowCategoryImage="false"
            app:isShowTextCent="false"
            app:isShowTextNotes="true"
            app:notesText=""
            app:notesTextColor="@color/black_1"></com.rmwl.rcchgwd.view.CommonView>

3.总结自定义这样的组件逻辑非常简单通首先在attrs中定一个styleable,然后里面写上你需要的attrs,在自定义组件中通过TypeArray类去找到你定义的属性分别给个默认值然后 mTypedArray.recycle()下，后面就可以在布局中引用了

Lonely池
关注
【Android】Android自定义组件
widiot的博客
01-26 1713
自定义组件 Android提供了一个复杂而强大的组件化模型，用于构建你的UI，基于基本的布局类：View和ViewGroup。 首先，平台包括各种预构建的View和ViewGroup子类（分别称为widget和layout），你可以使用它们来构建UI。 可用小部件的部分列表包括Button，TextView，EditText，ListView，CheckBox，RadioButton，Galle
Andriod自定义组件
小草的博客
10-04 252
在最近几天，经常被他人问道Android自定义组件的知识，心里有个大概的框架，但有时有语言描述时，感觉却无从开口。查询资料时感觉有点杂乱，所以今天把自定义组件的资料整理一下。      自定义组件是在Android开发经常用到，当系统预定义的组件无法满足开发的需求时，或者开发过程中存在类似组件复用时，就可以将其复用的组件自定义成为模板，减少代码的冗余，提高代码的复用。     自定义组件可以分
android 自定义组件
weixin_34097242的博客
06-30 109
Google 公司为我们开发Android应用程序提供了丰富的UI组件，有时一个控件无法满足我们的需求，这就要求我们同时使用两个三个或者个更多的控件一起使用。有些常用的组合我就把他写成一个自定的的组件，这样就方便了以后自己的使用。本人新手，研究一天写出的组件虽然实现了自己想要的功能，但代码应该还有许多不足的地方，希望大家可以指点一下。写本帖的目的是防止自己忘记。 首先第一步，写一个布局文件my_...
Android Retrofit + RxJava + OkHttp 网络请求高效封装方案
最新发布
tangweiguo03051987的博客
03-09 613
Retrofit + RxJava + OkHttp 是 Android 开发中常用的网络请求库组合。Retrofit 是一个类型安全的 HTTP 客户端，RxJava 是一个响应式编程库，OkHttp 是一个高效的 HTTP 客户端。允许在运行时动态修改 Retrofit 和 OkHttp 的配置，例如 Base URL、超时时间、拦截器等。将网络请求与 Activity/Fragment 的生命周期绑定，避免内存泄漏。通过 OkHttp 的缓存拦截器实现本地缓存，减少网络请求。Token 自动管理。
android开发之自定义组件
weixin_34072637的博客
08-08 129
android开发之自定义组件 一：自定义组件： 我认为，自定义组件就是android给我们提供的的一个空白的可以编辑的图片，它帮助我们实现的我们想要的界面，也就是通过自定义组件我们可以把我们要登入的界面画出来；自定义组件继承View；通过F3键，我们可以看到View继承了Drawable.Callback, KeyEvent...
Android 自定义组件
一起coding，一起嗨。
03-03 1439
Android 自定义组件
Android自定义组件一[文].pdf
10-19
综上所述，Android自定义组件是提升应用体验和满足个性化需求的重要手段。通过熟练掌握自定义组件的创建方法和技巧，开发者能够更好地应对各种复杂场景，创造出独具特色的用户界面。在实际开发中，结合属性动画、...
Android自定义组件开发详解.docx
01-04
【Android自定义组件开发详解】 Android自定义组件的开发是Android应用开发中的一个重要部分，它涉及到自定义View和ViewGroup的创建，以及对canvas和paint的深入理解和运用。自定义组件能够满足开发者对于UI设计的...
Android自定义组件开发
08-18
本文将深入探讨Android自定义组件的开发过程，旨在帮助开发者更好地理解和实践这一关键技能。 首先，理解Android组件的基本概念至关重要。Android组件是应用程序的基本构建块，主要包括Activity、Service、...
Android自定义组件
Sunrise的专栏
05-08 585
题记 有一种失败叫瞎忙；从今天起，做一个码代码的人，java、android、linux；各个击破；开启找呀找呀模式。 那么今天就记录下自己学习的android自定义组件的过程； 自定义组件：顾名思义为自己来编写android的组件。 1、首先自定义组件，你需要在/res/values/下新建attrs.xml文件用来定义自定义组件 &lt;?xml version="1.0" ...
Android - 自定义组件
qq_63713888的博客
12-07 544
无
Android自定义组件（一）
kunlong0909的专栏
08-07 3269
在原生组件上避免不了覆写、组合等，以定义自己的组件，也方便以后复用。例如之前工程里出现了多次的文件浏览器组件。 嗯~，该怎么总结呢？ 一、概述 自定义组件，大概可以这么分吧。一、View或SurfaceView上自绘；二、ViewGroup布局子类整合；三、不清楚了~，好像也没什么好分的==。 本文的工程，个人觉着主要还是属性资源的使用吧？工程主要例子介绍如下：
自定义android组件,android自定义组件
weixin_36373013的博客
05-25 296
/Myselfcomponent/res/values/attrs.xml>activity_main.xmlxmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingBottom="@d...
精通Android自定义组件开发
"Android自定义组件开发详解 - 李赞红" 在Android开发中，自定义组件的开发是一项关键技能，它能帮助开发者创造出独特且功能丰富的界面元素，从而提升应用程序的用户体验。李赞红老师通过他的著作《Android自定义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值