自定义控件显示(customViewGroupshow)

作者: 靓亮 | 来源:发表于2017-05-29 11:08 被阅读0次

自定义控件显示(customViewGroupshow)
XCArcMenuView 控件的使用
Android源码社区高质量的开发类库（三）
自定义温度显示控件(一)
自定义控件——绘制基础（一）
SuperCalendar日历控件
Python 学习笔记 050
BaseStepMeta 接口实现
VUE+Element UI实现简单的表格行内编辑效果
自定义温度显示控件(二)

View与ViewGroup
Android中的View与我们以前理解的“视图”不同。
在Android中，View比视图具有更广的含义，它包含了用户交互和显示，更像Windows操作系统中的window。
ViewGroup是View的子类，所以它也具有View的特性，但它主要用来充当View的容器，将其中的View视作自己的孩子，对它的子View进行管理，当然它的孩子也可以是ViewGroup类型。
ViewGroup(树根)和它的孩子们(View和ViewGroup)以树形结构形成了一个层次结构，View类有接受和处理消息的功能，android系统所产生的消息会在这些ViewGroup和 View之间传递。

View绘制和 ViewGroup绘制的区别


                      View                      ViewGroup

Measure     onMeasure            onMeasure

Layout                                       onLayout

Draw            onDraw

当继承一个ViewGroup的时候必须重写一个方法 onLayout 传入参数

(boolean changed, int l, int t, int r, int b)含义

view跟父容器的距离 l 左边距离父容器左边的距离 t view的上边距离父容器上边的距离

r view的右边距离父容器左边的距离 b view的下边距离父容器上边的距离

从写了这个onLayout之后需要调用它的每一个子view的layout方法为这个子View分配一个现实的空间如果不调用子view的layout方法

这个子View在Viewgroup中没有显示

只有当子View的layout方法调用之后才可以通过view.getHeight 和 view.getWidth获取这个view的宽高

这个宽高是父容器在layout阶段设置的值

如果在layout阶段之前想获取view的测量高度和宽度

需要主动调用view.measure方法 view.measure(0,0)

测完之后可以获取到测量高度和测量宽度

view.getMeasuredHeight()

view.getMeasuredWidth();

自定义一个MyViewGroup extends ViewGroup:

package test.pgl.com.a_onlayout;

import android.content.Context;
import android.util.AttributeSet;
import android.view.ViewGroup;

/**
 * Created by Administrator on 2017/5/28.
 */

public class MyViewGroup extends ViewGroup {

    public MyViewGroup(Context context, AttributeSet attrs) {

        super(context, attrs);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {

    }
}

布局代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="test.pgl.com.a_onlayout.MainActivity">

    <TextView android:layout_width="wrap_content"
        android:textSize="20dp"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
    <test.pgl.com.a_onlayout.MyViewGroup
        android:background="#999"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView android:layout_width="wrap_content"
            android:textColor="#ff00"
            android:textSize="20dp"
            android:layout_height="wrap_content"
            android:text="Hello --World!" />
    </test.pgl.com.a_onlayout.MyViewGroup>
</LinearLayout>

一个原生一个自定义进行比较:

运行:

Paste_Image.png

发现自定义看不见:
这是因为在重写的onLayout方法中没有去给孩子指定空间(大小) 指定位置;

然而不知道孩子这个控件有大,直接给个位置大小不合适:
所以重写onMeasure(Measure:测量)方法:
测量出孩子控件的大小,在onLayout方法中给他指定空间(大小) 指定位置

重写onMeasure(Measure:测量)方法注意一点:

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //因为MyViewGroup中就一个子控件所以得到它的View对象:
        View childView = getChildAt(0);
         int height = childView.getHeight();
        int width = childView.getWidth();
        //调用measure方法对这个View进行测量 传入0,0 意思 就是不对测量做影响 直接返回大小
        Toast.makeText(getContext(), "height="+ height +"  width="+ width, Toast.LENGTH_SHORT).show();
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

要想获取子控件的大小得:

  @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //因为MyViewGroup中就一个子控件所以得到它的View对象:
        View childView = getChildAt(0);
//         int height = childView.getHeight();
//        int width = childView.getWidth();
        //调用measure方法对这个View进行测量 传入0,0 意思 就是不对测量做影响 直接返回大小
        childView.measure(0,0);
        int height = childView.getMeasuredHeight();
        int width = childView.getMeasuredWidth();
        Toast.makeText(getContext(), "height="+ height +"  width="+ width, Toast.LENGTH_SHORT).show();
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

将宽高在布局中指定:

package test.pgl.com.a_onlayout;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

/**
 * Created by Administrator on 2017/5/28.
 */

public class MyViewGroup extends ViewGroup {

    private int height;
    private int width;

    public MyViewGroup(Context context, AttributeSet attrs) {

        super(context, attrs);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        View childView = getChildAt(0);
        childView.layout(0,0,width,height);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //因为MyViewGroup中就一个子控件所以得到它的View对象:
        View childView = getChildAt(0);
//         int height = childView.getHeight();
//        int width = childView.getWidth();
        //调用measure方法对这个View进行测量 传入0,0 意思 就是不对测量做影响 直接返回大小
        childView.measure(0,0);
        height = childView.getMeasuredHeight();
        width = childView.getMeasuredWidth();
        Toast.makeText(getContext(), "height="+ height +"  width="+ width, Toast.LENGTH_SHORT).show();
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

运行:

Paste_Image.png

还有一个注意的地方:

package test.pgl.com.a_onlayout;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

/**
 * Created by Administrator on 2017/5/28.
 */

public class MyViewGroup extends ViewGroup {

    private int height;
    private int width;

    public MyViewGroup(Context context, AttributeSet attrs) {

        super(context, attrs);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        View childView = getChildAt(0);
        int height1 = childView.getHeight();
        int width1 = childView.getWidth();
        Log.e("MyViewGroup","height1=="+height1+"  width1=="+width1+" layout之前");
        childView.layout(0,0,width,height);
        int height2 = childView.getHeight();
        int width2 = childView.getWidth();
        Log.e("MyViewGroup","height2=="+height1+"  width2=="+width1+" layout之后");
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //因为MyViewGroup中就一个子控件所以得到它的View对象:
        View childView = getChildAt(0);
//         int height = childView.getHeight();
//        int width = childView.getWidth();
//      这里的  height  width是onLayout中赋值后的值
        
        //调用measure方法对这个View进行测量 传入0,0 意思 就是不对测量做影响 直接返回大小
        childView.measure(0,0);
        height = childView.getMeasuredHeight();
        width = childView.getMeasuredWidth();
        Toast.makeText(getContext(), "height="+ height +"  width="+ width, Toast.LENGTH_SHORT).show();
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

运行:

05-28 11:27:10.039 5922-5922/test.pgl.com.a_onlayout E/MyViewGroup: height1==0  width1==0 layout之前
05-28 11:27:10.039 5922-5922/test.pgl.com.a_onlayout E/MyViewGroup: height2==0  width2==0 layout之后
05-28 11:27:10.050 5922-5922/test.pgl.com.a_onlayout E/MyViewGroup: height1==71  width1==316 layout之前
05-28 11:27:10.051 5922-5922/test.pgl.com.a_onlayout E/MyViewGroup: height2==71  width2==316 layout之后

自定义控件显示(customViewGroupshow)
View与ViewGroupAndroid中的View与我们以前理解的“视图”不同。在Android中，View比...
XCArcMenuView 控件的使用
本文涉及内容如下: XCArcMenuView 控件显示截图展示; XCArcMenuView 控件源码+自定义属...
Android源码社区高质量的开发类库（三）
1.SuperCalendarandroid 自定义日历控件支持左右无限滑动周月切换标记日期显示自定义显示...
自定义温度显示控件(一)
前言在Android开发过程中，我们有时会涉及到自定义显示控件，那么今天就让我们来学习一个自定义温度显示控件吧。...
自定义控件——绘制基础（一）
什么是自定义控件自定义控件有三个点，布局绘制和触摸反馈。接下来的章节我们先说绘制，绘制就是在控件上显示需要我们用...
SuperCalendar日历控件
android 自定义日历控件支持左右无限滑动周月切换标记日期显示自定义显示效果跳转到指定日期参照：htt...
Python 学习笔记 050
续前节 tkinter学习笔记 6-8 6.Text控件文本控件，用于显示多行文本 Entry控件加强版自定义插...
BaseStepMeta 接口实现
BaseStepMeta 的作用提供自定义控件的元数据，其中包括控件显示的名称、所在路径设置默认值 Step ...
VUE+Element UI实现简单的表格行内编辑效果
原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示效果示例地址根据原理自定义效果 ...
自定义温度显示控件(二)
前言在上一节中，我们讲到了自定义温度控件的知识，大家有兴趣的话，可参考以下文章自定义温度显示控件(一)[http...