android绘制自定义view时，控件大小的测量与确定问题

逃离我推掉我的手 2022-05-28 23:14 224阅读 0赞

最近项目需求，要做以下gif效果：

![20180313092316985][]

方法1：使用开源得gif控件，加载gif图片

方法2：view平移动画

方法3：继承view，activity中线程刷新

方法4：继承LinearLayout，添加子控件，activity中线程刷新

由于没有合适的gif图片，又不想在activity中书写太多的动画逻辑，考虑采用采用方法3和方法4封装控件的方法。本人采用的方法4，感觉比较简单，不用计算绘制onDraw，直接使用动态布局。但是在

public class TestLinearArrow extends LinearLayout {
    
        private Context mContext;
        private int mImgWidth = 20;
        private int mWidth;
    
        public TestLinearArrow(Context context) {
            super(context);
            mContext = context;
            init();
        }
    
        public TestLinearArrow(Context context, AttributeSet attrs) {
            super(context, attrs);
            mContext = context;
            init();
        }

public TestLinearArrow(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.mContext = context;
        init();
    }
    
    public void init() {
        mWidth = getWidth();

int count = mWidth/mImgWidth;
      for (int i = 0; i < count; i++) {
            ImageView img = new ImageView(mContext);
            //设置图片宽高
            img.setLayoutParams(new LayoutParams(mImgWidth, mImgWidth));
            img.setImageResource(R.drawable.remote_arrow_hb);
            img.setScaleType(ImageView.ScaleType.FIT_CENTER);
            addView(img);
       }

}

mWidth结果始终为0，无法完成绘制。查阅了很久，发现和view的绘制流程有关。

在Android开发中,有时候我们需要测量控件的宽和高,而直接调用getHeight(),getWidth(),getMeasureHeight(),getMeasureWidth()方法, 得到的值都是0,这其实就涉及到view的绘制流程了.

View绘制流程:(简单分析)   
measure(强制系统测量控件的宽和高)—>layout(确定控件在父布局中的位置)—>draw(绘制view) ,其中draw方法是在onCreate()方法执行结束后才会被调用.

我们如果通过直接在onCreate()、onResume()等等方法中直接去取控件的大小是取不到的。而这里面的原因是View的measure过程和Activity的生命周期是不同步的，也就是说无法保证Activity中的onCreate()等等执行的时候View的measure()已经执行了，如果此时还没有执行肯定是得不到值的。

测量控件宽高解决办法：

一、使用 View.measure 测量 View：

该方法测量的宽度和高度可能与视图绘制完成后的真实的宽度和高度不一致。

int w = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
    int h = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
    view.measure(w, h);
    view.getMeasuredWidth(); // 获取宽度
    view.getMeasuredHeight(); // 获取高度

二、使用 ViewTreeObserver. OnPreDrawListener 监听事件：

在视图将要绘制时调用该监听事件，会被调用多次，因此获取到视图的宽度和高度后要移除该监听事件。

view.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
    
        @Override
        public boolean onPreDraw() {
            //移除监听
            view.getViewTreeObserver().removeOnPreDrawListener(this);
            view.getWidth(); // 获取宽度
            view.getHeight(); // 获取高度
            return true;
        }
    });

三、使用 ViewTreeObserver. OnGlobalLayoutListener 监听事件：

在布局发生改变或者某个视图的可视状态发生改变时调用该事件，会被多次调用，因此需要在获取到视图的宽度和高度后执行 remove 方法移除该监听事件。

view.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    
            @Override
            public void onGlobalLayout() {
                //判断系统版本是否大于16
                if (Build.VERSION.SDK_INT >= 16) {
                    view.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                }
                else {
                    view.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                }
                view.getWidth(); // 获取宽度
                view.getHeight(); // 获取高度
            }
        });
    }

四、重写 View 的 onSizeChanged 方法：    
在视图的大小发生改变时调用该方法，会被多次调用，因此获取到宽度和高度后需要考虑禁用掉代码。

该实现方法需要继承 View，且多次被调用，不建议使用。

@Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        view.getWidth(); // 获取宽度
        view.getHeight(); // 获取高度
    }

五、重写 View 的 onLayout 方法：    
该方法会被多次调用，获取到宽度和高度后需要考虑禁用掉代码。

该实现方法需要继承 View，且多次被调用，不建议使用。

@Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        view.getWidth(); // 获取宽度
        view.getHeight(); // 获取高度
    }

六、使用 View.OnLayoutChangeListener 监听事件（API >= 11）：

在视图的 layout 改变时调用该事件，会被多次调用，因此需要在获取到视图的宽度和高度后执行 remove 方法移除该监听事件。

view.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
        @Override public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
            //移除监听
            view.removeOnLayoutChangeListener(this);
            view.getWidth(); // 获取宽度 
            view.getHeight(); // 获取高度 
        }
    });

七、使用 View.post() 方法：    
Runnable 对象中的方法会在 View 的 measure、layout 等事件完成后触发。   
UI 事件队列会按顺序处理事件，在 setContentView() 被调用后，事件队列中会包含一个要求重新 layout 的 message，所以任何 post 到队列中的 Runnable 对象都会在 Layout 发生变化后执行。   
该方法只会执行一次，且逻辑简单， 建议使用 。

view.post(new Runnable() {
        @Override
        public void run() {
            view.getWidth(); // 获取宽度
            view.getHeight(); // 获取高度
        }
    });

采用第七种：

public void init() {
        this.post(new Runnable() {
            @Override
            public void run() {
                mWidth = getWidth();
    
                int count = mWidth/mImgWidth;
                for (int i = 0; i < count; i++) {
                    ImageView img = new ImageView(mContext);
                    //设置图片宽高
                    img.setLayoutParams(new LayoutParams(mImgWidth, mImgWidth));
                    img.setImageResource(R.drawable.remote_arrow_hb);
                    img.setScaleType(ImageView.ScaleType.FIT_CENTER);
                    addView(img);
                }
            }
        });
    }

这样就可以正常绘制了

[20180313092316985]: /images/20220529/518594580ec24a45856edc4a462864da.png