转自:http://blog.sina.com.cn/s/blog_74c22b210100vfun.html
android简析自定义布局、布局的执行流程
以下代码示例针对(Android2.3)
你玩过植物大战僵尸吗?你玩过愤怒的小鸟吗?你是不是很疑惑精美的UI界面是如何作出来的呢?很明显andriod自带的控件是不可能做到那样的效果的,这里就用到了对控件、布局的重写。
单从重写控件来看,你会感觉到很简单(只需要覆盖onMeasure()及onLayout()方法)就可以了,但是这两个方法的被谁调用?它的Framework层的布局流程究竟是怎样的,只有搞清楚这些我们才能很好的去重写布局,布上我们的View,从而实现我们想要的效果。
为了更直观地展示布局调用结构,我在这里简略绘制了布局Framework层的类图。
。。。。。。
请看此图
。。。。。。
View.java
01 | //
注意final修饰,该方法永远不会被覆盖,整个布局结构measure方法唯一 |
03 | public final void measure( int widthMeasureSpec, int heightMeasureSpec)
{ |
05 | onMeasure(widthMeasureSpec,
heightMeasureSpec); |
09 | protected void onMeasure( int widthMeasureSpec, int heightMeasureSpec)
{} |
13 | //注意final修饰,该方法永远不会被覆盖,整个布局结构layout方法唯一 |
15 | public final void layout( int l, int t, int r, int b)
{ |
17 | boolean changed =setFrame(l,t,r,b); |
19 | if (changed ||(mPrivateFlags&LAYOUT_REQUIRED)==LAYOUT_REQUIRED){ |
21 | onLayout(changed, l,t,r,b); |
27 | protected void onLayout( boolean changed, int left, int top, int right, int bottom) {} //空方法 |
ViewGroup.javaextends
View.java
03 | protected abstract void onLayout( boolean changed, int l, int t, int r, int b); |
05 | //
测量该ViewGroup所包含的所有布局 |
07 | protected void measureChildren( int widthMeasureSpec, int heightMeasureSpec)
{} |
09 | protected void measureChild(View child, int parentWidthMeasureSpec, |
11 | int parentHeightMeasureSpec)
{} |
15 | //我会单讲mChildren数组mChildren中的View是如何来的。 |
17 | public View
getChildAt( int index) { return mChildren[index];
} |
19 | public int getChildCount() { return mChildrenCount;
} |
RelativeLayout.javaextendsViewGroup.java
//当继承RelativeLayout布局时,我们应当覆盖该方法,以实现测量该布局包含的View,//此处的实现并不能测量所有的View
01 | protected void onMeasure( int widthMeasureSpec, int heightMeasureSpec)
{} |
03 | protected void onLayout( boolean changed, int l, int t, int r, int b)
{} |
05 | private void measureChild(View child,LayoutParamsparams, int myWidth, int myHeight)
{} |
07 | //还包含一个重要的内部类,代表RelativeLayout所包含的每一个view大小及位置信息 |
09 | public static class LayoutParams extends ViewGroup.MarginLayoutParams{ |
11 | private int mLeft, mTop,mRight,mBottom; |
下面我要自定义一个布局,定义布局的目的肯定是为了向其内部放置View
CustomGridLayout.javaextends
RelativeLayout.java
初学者会问,我们到底需要继承RelativeLayout类的哪个方法呢!!
抛去一切,我们自己想象,布局控件需要
第一:控件(View)的大小
第二:控件(View)的位置
第三:知道要放置多少个View
通过熟读文档,我们应该知道:
onMeasure方法负责测量将要放在CustomGridLayout内部的View的大小。
onLayout方法负责分配尺寸及位置给将要放在CustomGridLayout内部的View。
所以很明显,需要我们继承的方法是
1.protected
voidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){}
功能:测量该布局所包含的所有View的大小(会在框架层循环取得每一个View,然后测量其大小),该方法会被View.java中的measure方法调用。而measure方法会被
2.protected
voidonLayout(booleanchanged,intl,intt,intr,intb){}
功能:在相应的位置放置相应的View,该方法会被View.java中的layout方法调用,而layout方法会被谁调用呢?
(1)调用requestLayout()方法.该方法内部会执行Object.layout(…)
(2)直接调用Object.layout(…)
(3)调用addView(Viewchild,...)时,
调用addView(...)之前一般需要先调用android.view.View.setLayoutParams(LayoutParamsparams)
最后我简略分析了一下布局调用的流程调用,如下:
也许有人会问当调用addView时,会和框架层的layout,onLayout,measure,onMeasure等几个布局方法有什么关系,或者说后者几个方法是怎么被触发的,别着急,看见addView(...)的底层实现了吗
01 | public void addView(View child, int index, LayoutParamsparams){ |
03 | // addViewInner()willcallchild.requestLayout()whensettingthenewLayoutParams |
05 | // therefore,wecallrequestLayout()onourselvesbefore,sothatthechild's |
07 | // requestwillbeblockedatourlevel |
13 | addViewInner(child, index,params, false ); |
很明显,addView在底层调用了requestLayout方法,该方法如时序图所示,会依次触发我们的onMeasure,onLayout方法。
看了这里,你是不是对布局layout,onLayout,measure,onMeasure,requestLayout,等方法的调用清晰多了呢?好了,就先写到这吧,有什么问题欢迎大家共同探讨.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
当我们在画布上显示自己定义的View时,
canvas.save();
canvas.rotate(float角度,floatX,floatY);//画布以某个点为中心转动的角度
onDrawItem()方法;
canvas.restore();
01 | protected void onDrawItem(Canvas c, int index, PointscreenCoords){ |
03 | final BalloonItem focusedItem=balloonItems.get(index); |
07 | LinearLayout viewIcon= null ; |
09 | viewIcon=(LinearLayout)LayoutInflater.from(mContext).inflate(R.layout.balloon_layout, null ); |
11 | viewIcon.setBackgroundDrawable(mContext.getResources().getDrawable(R.drawable.balloon_blue)); |
13 | //得到自己定义的布局View之后,要先measure和layout,才能画出 |
17 | viewIcon.layout( 0 , 0 , viewIcon.getMeasuredWidth(),viewIcon.getMeasuredHeight()); |
23 | c.translate(screenCoords.x -mDensity* 10 , screenCoords.y-mDensity* 20 ); |
33 | Button playBtn=(Button)mT.findViewById(R.id.btn_start); |
35 | final TextView title=(TextView)mT.findViewById(R.id.poi_title); |
39 | title.setText(focusedItem.getAttractionsName()); |
45 | mT.layout( 0 , 0 , mT.getMeasuredWidth(),mT.getMeasuredHeight()); |
51 | c.translate(screenCoords.x -mDensity* 10 , screenCoords.y-playBtn.getMeasuredHeight()-playBtn.getTop()-mDensity* 30 ); |
标签:
AndroidSDK
补充话题说明»
分享到
收藏
17
举报
踩0|顶0
按默认排序|显示最新评论|回页面顶部