自定义控件之继承ViewGroup(使用纯代码)

最新推荐文章于 2017-11-05 14:42:36 发布
最新推荐文章于 2017-11-05 14:42:36 发布
阅读量992 收藏
点赞数 1
分类专栏： Android 自定义控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chendong_/article/details/49824459
版权

自定义控件之继承ViewGroup(使用纯代码)

继承ViewGroup是自定义控件的一般方法，根据需要选择需要继承的ViewGroup的子类，本章将使用纯代码添加控件,方式确实不直观，但是可以用来练习使用代码操作控件的方法，毕竟不是所有的代码都可以用xml文件代替。

案例介绍

这次的目的实现一个类似这样的组合控件，出现这种需求是因为需要在一个ListView中添加一个类似ListView的部分，但是数量很少，可以不需要使用ListView,而是使用动态添加控件的方式。

效果

这里写图片描述

要实现的效果

这里写图片描述

贴一下代码，主要内容在注释中

完全使用代码来写控件，没有xml布局，调试的时候是个大问题，写的代码往往不能实时的显示在预览界面。

public class SpecialItemView extends RelativeLayout {

    //分析该布局定义以下组件
    //图片
    private ImageView imgIcon;
    //标题
    private TextView txtTitle;
    //子标题
    private TextView txtSubTitle;
    //专辑数量
    private TextView txtNum;
    //右边更多按钮
    private ImageButton ibArrow;
    //下方横线，因为最后一行是不显示横线的
    private ImageView ivLine;

    /**
     * 代码中new时使用
     *
     * @param context
     */
    public SpecialItemView(Context context) {
        this(context, null);
    }

    /**
     * 在xml文件中使用
     *
     * @param context
     * @param attrs
     */
    public SpecialItemView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    /**
     * 初始化
     *
     * @param context
     * @param attributeSet
     */
    private void init(Context context, AttributeSet attributeSet) {

        //获取屏幕宽度
        int width = context.getResources().getDisplayMetrics().widthPixels;
        //设置当前控件的padding
        this.setPadding(6,10,6,10);
        //初始化控件
        imgIcon = new ImageView(context);
        //LayoutParams对象用来控制控件在ViewGroup中显示的样子
        RelativeLayout.LayoutParams layoutParams =
                new LayoutParams((int) (width*0.2),(int) (width*0.2));
        //垂直居中相当于layout_centervertical=true
        layoutParams.addRule(CENTER_VERTICAL);
        //配置控件
        imgIcon.setScaleType(ImageView.ScaleType.CENTER_CROP);
        imgIcon.setLayoutParams(layoutParams);
        //相当于android:id
        imgIcon.setId(R.id.sp_item_icon);
        imgIcon.setImageResource(R.mipmap.finding_zone_img);
        //添加控件到ViewGroup
        addView(imgIcon);


        //除了可以设置为具体的数值，也可以使用常量，相当于xml文件中使用android：layout_width = "wrap_content"
        layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
       //左边margin
        layoutParams.leftMargin = 20;
        //相当于android:aligntop="R.id.sp_item_icon"
        layoutParams.addRule(ALIGN_TOP, R.id.sp_item_icon);
        layoutParams.addRule(RIGHT_OF, R.id.sp_item_icon);
        //以下是textview的设置
        txtTitle.setText("标题");
        txtTitle = new TextView(context);
        txtTitle.setId(R.id.sp_item_title);
        txtTitle.setTextSize(TypedValue.COMPLEX_UNIT_SP,18);
        txtTitle.setTextColor(Color.BLACK);
        txtTitle.setLayoutParams(layoutParams);
        txtTitle.setSingleLine();
        txtTitle.setEllipsize(TextUtils.TruncateAt.END);
        addView(txtTitle);


        txtSubTitle = new TextView(context);
        txtSubTitle.setId(R.id.sp_item_subtitle);
        layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        //todo sp2dp
        layoutParams.addRule(CENTER_VERTICAL);
        layoutParams.addRule(ALIGN_LEFT, R.id.sp_item_title);
        txtSubTitle.setText("字标题");
        //todo sp2dp
        txtSubTitle.setTextSize(TypedValue.COMPLEX_UNIT_SP, 16);
        txtSubTitle.setTextColor(Color.GRAY);
        txtSubTitle.setLayoutParams(layoutParams);
        txtSubTitle.setPadding(0,0,16,0);
        txtSubTitle.setSingleLine();
        txtSubTitle.setEllipsize(TextUtils.TruncateAt.END);
        addView(txtSubTitle);

        txtNum = new TextView(context);
        txtNum.setId(R.id.sp_item_subtitle);
        layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        //todo sp2dp
        layoutParams.addRule(ALIGN_LEFT, R.id.sp_item_title);
        layoutParams.addRule(ALIGN_BOTTOM, R.id.sp_item_icon);
        txtNum.setText("共有几张专辑");
        //todo sp2dp
        txtNum.setTextSize(TypedValue.COMPLEX_UNIT_SP, 16);
        txtNum.setTextColor(Color.GRAY);
        txtNum.setLayoutParams(layoutParams);
        txtNum.setSingleLine();
        txtNum.setEllipsize(TextUtils.TruncateAt.END);
        txtNum.setGravity(CENTER_VERTICAL);
        //图标必须经过setbounds
        Drawable leftD = ContextCompat.getDrawable(getContext(), R.mipmap.finding_album_img);
        leftD.setBounds(0, 0, 20, 0);
        txtNum.setCompoundDrawablesWithIntrinsicBounds(leftD, null, null, null);
        txtNum.setId(R.id.sp_item_num);
        addView(txtNum);


        ibArrow = new ImageButton(context);
        ibArrow.setId(R.id.sp_item_subtitle);
        layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        //todo sp2dp
        layoutParams.addRule(CENTER_VERTICAL);
        layoutParams.addRule(ALIGN_PARENT_RIGHT);

        //todo sp2dp
        layoutParams.rightMargin = 16;
        ibArrow.setBackgroundResource(R.drawable.selector_more);

        //todo sp2dp
        ibArrow.setLayoutParams(layoutParams);
        addView(ibArrow);


        ivLine = new ImageView(context);
        layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,1);
        layoutParams.addRule(ALIGN_LEFT,R.id.sp_item_title);
        layoutParams.addRule(BELOW,R.id.sp_item_num);
        //todo sp2dp
        layoutParams.topMargin=10;
        ivLine.setLayoutParams(layoutParams);
        ivLine.setBackgroundResource(R.drawable.shape_line);
        addView(ivLine);
    }

    public void setTitle(String txt){
        txtTitle.setText(txt==null?"":txt);
    }
    public void setSubTitle(String txt){
        txtSubTitle.setText(txt==null?"":txt);
    }
    public void setNum(String txt){
        txtNum.setText(txt==null?"":txt);
    }
    public void setShowLine(int xx){
        ivLine.setVisibility(xx);
    }
    public void setImg(String url){
        Picasso.with(getContext()).load(url).into(imgIcon);
    }

    public ImageView getImgIcon(){
        return imgIcon;
    }



    public ImageButton getImgArrow(){
        return ibArrow;
    }
    private OnMoreClick onMoreClick;
    public 
    //使用接口将ibArrow点击事件传递出去
    public interface OnMoreClick{
        void click();
    }
}

在xml文件中使用

<com.march.himalayasfm.app.widgets.SpecialItemView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />

可以看到显示的效果

综上，就是继承RelativeLayout使用纯代码实习的自定义View.

chendong_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 自定义view（三） 继承ViewGroup
Young
02-20 1013
前言：本篇博客讲解内容主要是鸿洋的博客上篇文章自定义view（二），继承view。今天来看自定义View的第二种情况，继承自viewgroup，虽然viewGroup也是继承view控件，但是ViewGroup和View还是有很多方法区别的，顾名思义，这是一个控件的集合控件。1.我们来通过自定义viewGroup来实现瀑布流的效果。效果图如下： 2.继承viewGroup主要来重写onMearsu
2024年安卓最全android 继承ViewGroup实现自定义布局，Android开发学习视频
最新发布
2301_82241983的博客
05-06 687
在脑图中，每个知识点专题都配有相对应的实战项目，可以有效的帮助大家掌握知识点。2.判断子元素的宽度和高度是否采用的warp_content，如果采用了则把所有的子元素的宽度之和给自己并且把。最重要的是，勇敢的去追随自己的心灵和直觉，只有自己的心灵和直觉才知道你自己的真实想法，其他一切都是次要。最重要的是，勇敢的去追随自己的心灵和直觉，只有自己的心灵和直觉才知道你自己的真实想法，其他一切都是次要。”，想要写出优秀的代码，最重要的一点还是自身的技术水平，不然用再好的工具也不能发挥出它的全部实力。
自定义View排列
Logitech12的博客
11-05 315
//梯形排列 @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { int row = 0; int right = 0; int bottom = 0; for (int i = 0; i < getChildCount(); i++) {
android自定义viewGroup 不显示问题
qq493045049的专栏
05-23 1756
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
自定义viewgroup
04-05
谷歌官方的自定义viewgroup实例
Android自定义控件之继承ViewGroup创建新容器
01-05
欢迎大家来学习本节内容，前几节我们已经学习了其他几种自定义控件，分别是Andriod 自定义控件之音频条及 Andriod 自定义控件之创建可以复用的组合控件还没有学习的同学请先去学习下，因为本节将使用到上几节所讲述...
继承ViewGroup自定义ViewPager
05-24
最近有些空闲时间，我有回顾了一下自定义控件的一些东西，我自定义了一个ViewPager，性能不太好，所以上传到这和大家交流学习
Android自定义控件之电话拨打小键盘
01-20
关于Android的自定义控件，之前也写了两个，一个是简单地继承View，另一个通过继承Layout实现一个省市联动控件。这篇，将通过继承ViewGroup来实现一个电话拨打小键盘。本人一贯风格，懒得罗里吧嗦讲一大堆，直接上图...
Android 自定义控件详解及实例代码
08-31
在Android开发中，自定义控件是提升应用独特性和功能灵活性的重要手段。当系统自带的控件无法满足特定需求时，开发者通常会选择创建自定义控件。本文将详细介绍Android自定义控件的开发步骤、View结构原理以及如何为...
Android自定义控件----继承ViewGroup自定义实现流式布局
07-26
最近对自定义控件充满了兴趣，参考网上的视频写了一个流式布局的例子上传到这，和大家交流学习
Android中怎么用纯代码编写布局？
热门推荐
scyatcs的专栏
10-11 1万+
一、用RelativeLayout进行纯代码布局的理论基础      1、RelativeLayout，顾名思义，就是以“相对”位置/对齐 为基础的布局方式。      2、android.widget.RelativeLayout 有个继承自android.view.ViewGroup.LayoutParams 的内嵌类 LayoutParams，使用这个类的实例          调用R
ViewGroup的使用
面朝大海，春暖花开
04-08 2573
View类 1，android.view类是个最基本的UI类，android上很多UI组件都是继承此类而实现的。 2，这些UI组件包括Button（按钮）， TextView（文本框）,CheckBox（选字框）等等。 3，那么这些UI组件应该怎么放置呢？ ViewGroup类 1，上面所说的UI组件是放置到一个专门的view容器中，这个View容器就是ViewGro
[Android学习笔记]继承自ViewGroup的控件的过程学习
weixin_34341117的博客
04-21 413
ViewGroup文档 http://developer.android.com/training/index.html 继承自ViewGroup需要重写onLayout方法用来为子View设定位置信息 必须重写当前控件的onLayout方法 abstract voidonLayout(boolean changed, int l, int t, int r,...
自定义ViewGroup学习（LinearLayout的布局方式，可以滚动和嵌套）
xiaoguiyixue的博客
07-07 3585
自定义ViewGroup学习（LinearLayout的布局方式，可以滚动和嵌套） 首先先看效果图 自定义ViewGroup，必须重写onLayout()方法 当然，还需要onMeasure() 下边就是最基本的 public class MyViewGroup extends ViewGroup { public MyViewGroup(Context context,
Android5.0后的ViewGroup添加子View问题
欧拉阿旺
04-12 1328
前些日子我一直被这个问题困扰，就是ViewGroup调用addView的ChildView的绘制层问题。我之前在CSDN上进行了提问，可惜没有人回答我。最近，我又想起了这个问题，我又进行精简探索。之前的问题的地址：http://ask.csdn.net/questions/376400现象我在Layout文件下编写以下代码：<FrameLayout xmlns:android="http://sch
SegmentedGroup自定义控件的使用
OneDay2333的博客
11-14 3114
先上效果图,不耽误大伙时间: 因为公司业务需要，需要做一个类似的标题效果。数据是从服务器动态获取的，所以标题的数目是不固定的。该自定义控件可以实现标题的动态添加、 设置边线的颜色、设置选中的文字颜色、设置选中的背景颜色、设置点击监听等一些列方法。 布局文件，非常简单： <RelativeLayout xmlns:android="http://schemas.andr
自定义View---继承ViewGroup动效
Mr_zhang0101的博客
08-21 628
自定义View---继承ViewGroup动效
java 自定义控件飞机仪表
08-01
Java自定义控件飞机仪表是一种能够以图形化方式展示飞行相关信息的自定义控件。这种自定义控件通常能够显示飞机的姿态、速度、高度等信息，提供给用户一个直观的飞行状态。 在Java中，我们可以通过继承View或者使用自定义ViewGroup等方式来实现飞机仪表的自定义控件。通过自定义控件，我们可以自由设计控件的样式，包括仪表盘、指示器等。同时，我们还可以根据飞行状态的实时数据，动态更新控件的显示。 在飞机仪表控件的实现中，我们可以使用一些绘图相关的类和方法来实现各种飞行状态的图形化显示。比如，使用Canvas类来绘制仪表盘的圆形或者其他形状，使用Paint类来设置绘制的颜色和样式，使用Path类来绘制指针的路径等等。 我们还可以通过自定义属性来设置飞机仪表控件的各种参数，比如仪表盘的颜色、指针的长度等。通过这些自定义属性，我们可以在使用飞机仪表控件的时候根据需求进行个性化的设置。 总之，Java自定义控件飞机仪表是一种能够以图形化方式展示飞行相关信息的自定义控件，通过使用继承View或者自定义ViewGroup等方式，结合绘图相关的类和方法，我们可以实现各种样式、动态更新的飞机仪表控件，并通过自定义属性进行个性化设置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值