android绘制自定义view时,控件大小的测量与确定问题
2018-03-13 10:02
671 查看
最近项目需求,要做以下gif效果:
方法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();
}
在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(); // 获取高度
}
});采用第七种:
方法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); } } }); }这样就可以正常绘制了
相关文章推荐
- android绘制自定义view时,控件大小的测量与确定问题,代码演示
- Android 自定义View 测量控件大小onMeasure中MeasureSpec作用
- (转)Android自定义View(三、深入解析控件测量onMeasure)
- 【Android自定义View】测量和绘制浅析
- 【Android自定义View实战】之自定义评价打分控件RatingBar,可以自定义星星大小和间距
- Android自定义View(三、深入解析控件测量onMeasure)
- Android控件架构与view,viewgroup的测量和绘制
- Android自定义View(三、深入解析控件测量onMeasure)
- Android自定义View之自定义评价打分控件RatingBar实现自定义星星大小和间距
- Android自定义TextView根据控件高度和宽度,解决字体适配问题
- Android 自定义view 的绘制时机 问题
- 【Android自定义View实战】之自定义评价打分控件RatingBar,可以自定义星星大小和间距
- Android自定义View(三、深入解析控件测量onMeasure)
- (总结篇)Android 牛不牛?决定于自定义View控件(一)——view绘制流程(onMeasure,onLayout,onDraw)
- Android UI设计之<十二>自定义View,实现绚丽的字体大小控制控件FontSliderBar
- 【Android自定义View实战】之自定义评价打分控件RatingBar,可以自定义星星大小和间距
- 自定义View控件解决android文字排版和换行的问题
- Android自定义View之绘制、测量
- [置顶] Android自定义View(三、深入解析控件测量onMeasure)