自定义View深入了解（一）

最新推荐文章于 2025-06-03 15:50:46 发布

原创最新推荐文章于 2025-06-03 15:50:46 发布 · 639 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#自定义控件 #android #高级 #match_parent #warp_content

移动开发同时被 3 个专栏收录

11 篇文章

订阅专栏

UI 设计

5 篇文章

订阅专栏

自定义控件

3 篇文章

订阅专栏

本文探讨了自定义View中wrap_content的实现方式，解释了MeasureSpec在不同情况下的工作原理，并提供了一个具体的解决方案。

在 自定义View（基础）以及自定义（加载动画）中，有人肯定会遇到这样的问题：

1.在布局xml中，设置控件layout_width、layout_height 的值为warp_content时，如：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <pw.onlyou.testapplication.ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        custom:firstColor="#F08080"
        custom:secondColor="#7B68EE"
        android:background="#aaa"
        android:layout_centerInParent="true"
        android:padding="20dp"
        custom:circleWidth="10dp"
        custom:speed="10"/>
</RelativeLayout>

但是呢，人生道路并不是一帆风顺的,看看运行效果图

are you kidding me??

砸门把布局文件修改一下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <pw.onlyou.testapplication.ProgressBar
        android:layout_width="200dp"
        android:layout_height="200dp"
        custom:firstColor="#F08080"
        custom:secondColor="#7B68EE"
        android:layout_centerInParent="true"
        android:padding="20dp"
        custom:circleWidth="10dp"
        custom:speed="10"/>
</RelativeLayout>

定死宽高，看运行效果：

一切正常，但是我是个有追求的人，绝不放过一丁点问题

通过查阅资料（android 开发艺术探索是一本好书，建议大家看看），原来如此。先看一张图：

这图啥意思？？

1.当 View 采用固定宽高时，不管父容器的 MeasureSpec 是什么，View 的 MeasureSpec 都是精确模式，并且大小是LayoutParams 中的大小。
2.当 View 的宽高是 match_parent 时，如果父容器的模式是精确模式，那么 View 也是精确模式，并且大小是父容器的剩余空间；如果父容器是最大模式，那么 View 也是最大模式，并且大小是不会超过父容器的剩余空间。
3.当 View 的宽高是 wrap_content 时，不管父容器的模式是精确模式还是最大模式，View 的模式总是最大模式，并且大小不超过父容器的剩余空间

缩的思内~我们来修改代码

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        int WspecMode = MeasureSpec.getMode(widthMeasureSpec);
        int HspecMode = MeasureSpec.getMode(heightMeasureSpec);

        if(HspecMode==MeasureSpec.EXACTLY&&WspecMode==MeasureSpec.EXACTLY){
            setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.getSize(heightMeasureSpec));
        }else if(WspecMode==MeasureSpec.AT_MOST){
            setMeasuredDimension(Width, MeasureSpec.getSize(heightMeasureSpec));
        }else if(HspecMode==MeasureSpec.AT_MOST){
            setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), Height);
        }
    }

Width和Height 分别是我定义的默认大小，当布局控件大小为warp_content的时候，控件大小分别为Width、Height。

现在我们布局文件大小都是warp_content,看看运行效果：

good，成功了！

还有padding也是要注意的，有时间补上。

文章目前仍在更新中，如果你觉得我的文章有错误或者纰漏，欢迎指正，另外，如果你觉得有用的话，点个赞呗。