Android view的绘制流程(三)

requestLayout()方法

            说明 :对View树重新布局layout过程,draw()过程,但不会重新绘制任何视图包括该调用者本身。

 

            一般引起invalidate()操作的函数如下

                 1、setVisibility()方法 :

                       当View的可视状态在INVISIBLE / VISIBLE 转换为 GONE状态时,会间接调用requestLayout() 和invalidate方法。同时,

                由于整个个View树大小发生了变化,会请求measure()过程以及draw()过程,同样地,只绘制需要“重新绘制”的视图。

 

requestFocus()函数说明:

           说明:请求View树的draw()过程,但只绘制“需要重绘”的视图。

 

 

下面写个简单的小Demo吧,主要目的是给大家演示绘图的过程以及每个流程里该做的一些功能。截图如下 :

                                                     

 

  1、    MyViewGroup.java  自定义ViewGroup类型

 

 
  1. package com.qin.customviewgroup;  
  2.   
  3. import Android.content.Context;  
  4. import android.graphics.Canvas;  
  5. import android.util.AttributeSet;  
  6. import android.util.Log;  
  7. import android.view.View;  
  8. import android.view.ViewGroup;  
  9. import android.widget.Button;  
  10. import android.widget.ImageView;  
  11. import android.widget.TextView;  
  12.   
  13. /** 
  14.  * @author http://http://blog.csdn.net/qinjuning 
  15.  */  
  16. //自定义ViewGroup 对象   
  17. public class MyViewGroup  extends ViewGroup{  
  18.   
  19.   
  20.     private static String TAG = "MyViewGroup" ;  
  21.     private Context mContext ;  
  22.       
  23.     public MyViewGroup(Context context) {  
  24.         super(context);  
  25.         mContext = context ;  
  26.         init() ;  
  27.     }  
  28.   
  29.     //xml定义的属性,需要该构造函数   
  30.     public MyViewGroup(Context context , AttributeSet attrs){  
  31.         super(context,attrs) ;  
  32.         mContext = context ;  
  33.         init() ;  
  34.     }  
  35.       
  36.     //为MyViewGroup添加三个子View   
  37.     private void init(){  
  38.         //调用ViewGroup父类addView()方法添加子View   
  39.           
  40.         //child 对象一 : Button   
  41.         Button btn= new Button(mContext) ;  
  42.         btn.setText("I am Button") ;  
  43.         this.addView(btn) ;  
  44.           
  45.         //child 对象二 : ImageView    
  46.         ImageView img = new ImageView(mContext) ;  
  47.         img.setBackgroundResource(R.drawable.icon) ;  
  48.         this.addView(img) ;  
  49.           
  50.         //child 对象三 : TextView   
  51.         TextView txt = new TextView(mContext) ;  
  52.         txt.setText("Only Text") ;  
  53.         this.addView(txt) ;   
  54.           
  55.         //child 对象四 : 自定义View   
  56.         MyView myView = new MyView(mContext) ;  
  57.         this.addView(myView) ;   
  58.     }  
  59.       
  60.     @Override  
  61.     //对每个子View进行measure():设置每子View的大小,即实际宽和高   
  62.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){  
  63.         //通过init()方法,我们为该ViewGroup对象添加了三个视图 , Button、 ImageView、TextView   
  64.         int childCount = getChildCount() ;  
  65.         Log.i(TAG, "the size of this ViewGroup is ----> " + childCount) ;  
  66.                           
  67.         Log.i(TAG, "**** onMeasure start *****") ;  
  68.           
  69.         //获取该ViewGroup的实际长和宽  涉及到MeasureSpec类的使用   
  70.         int specSize_Widht = MeasureSpec.getSize(widthMeasureSpec) ;  
  71.         int specSize_Heigth = MeasureSpec.getSize(heightMeasureSpec) ;  
  72.           
  73.         Log.i(TAG, "**** specSize_Widht " + specSize_Widht+ " * specSize_Heigth   *****" + specSize_Heigth) ;  
  74.           
  75.         //设置本ViewGroup的宽高   
  76.         setMeasuredDimension(specSize_Widht , specSize_Heigth) ;  
  77.           
  78.           
  79.           
  80.           
  81.         for(int i=0 ;i<childCount ; i++){  
  82.             View child = getChildAt(i) ;   //获得每个对象的引用   
  83.             child.measure(5050) ;   //简单的设置每个子View对象的宽高为 50px , 50px     
  84.             //或者可以调用ViewGroup父类方法measureChild()或者measureChildWithMargins()方法   
  85.             //this.measureChild(child, widthMeasureSpec, heightMeasureSpec) ;   
  86.         }  
  87.           
  88.     }  
  89.       
  90.     @Override  
  91.     //对每个子View视图进行布局   
  92.     protected void onLayout(boolean changed, int l, int t, int r, int b) {  
  93.         // TODO Auto-generated method stub   
  94.         //通过init()方法,我们为该ViewGroup对象添加了三个视图 , Button、 ImageView、TextView   
  95.         int childCount = getChildCount() ;  
  96.           
  97.         int startLeft = 0 ;//设置每个子View的起始横坐标    
  98.         int startTop = 10 ; //每个子View距离父视图的位置 , 简单设置为10px吧 。 可以理解为 android:margin=10px ;   
  99.           
  100.         Log.i(TAG, "**** onLayout start ****") ;  
  101.         for(int i=0 ;i<childCount ; i++){  
  102.             View child = getChildAt(i) ;   //获得每个对象的引用   
  103.             child.layout(startLeft, startTop, startLeft+child.getMeasuredWidth(), startTop+child.getMeasuredHeight()) ;  
  104.             startLeft =startLeft+child.getMeasuredWidth() + 10;  //校准startLeft值,View之间的间距设为10px ;   
  105.             Log.i(TAG, "**** onLayout startLeft ****" +startLeft) ;  
  106.         }             
  107.     }  
  108.     //绘图过程Android已经为我们封装好了 ,这儿只为了观察方法调用程   
  109.     protected void dispatchDraw(Canvas canvas){  
  110.         Log.i(TAG, "**** dispatchDraw start ****") ;  
  111.           
  112.         super.dispatchDraw(canvas) ;  
  113.     }  
  114.       
  115.     protected boolean drawChild(Canvas canvas , View child, long drawingTime){  
  116.         Log.i(TAG, "**** drawChild start ****") ;  
  117.           
  118.         return super.drawChild(canvas, child, drawingTime) ;  
  119.     }  
  120. }  

 

 MyView.java  自定义View类型 ,重写onDraw()方法

  

 
  1. package com.qin.customviewgroup;  
  2.   
  3. import android.content.Context;  
  4. import android.graphics.Bitmap;  
  5. import android.graphics.BitmapFactory;  
  6. import android.graphics.Canvas;  
  7. import android.graphics.Color;  
  8. import android.graphics.Paint;  
  9. import android.graphics.Typeface;  
  10. import android.graphics.Bitmap.Config;  
  11. import android.util.AttributeSet;  
  12. import android.util.Log;  
  13. import android.view.View;  
  14.   
  15. //自定义View对象   
  16. public class MyView extends View{  
  17.   
  18.     private Paint paint  = new Paint() ;  
  19.       
  20.     public MyView(Context context) {  
  21.         super(context);  
  22.         // TODO Auto-generated constructor stub   
  23.     }  
  24.     public MyView(Context context , AttributeSet attrs){  
  25.         super(context,attrs);  
  26.     }  
  27.       
  28.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){  
  29.         //设置该View大小为 80 80   
  30.         setMeasuredDimension(50 , 50) ;  
  31.     }  
  32.       
  33.       
  34.       
  35.     //存在canvas对象,即存在默认的显示区域   
  36.     @Override  
  37.     public void onDraw(Canvas canvas) {  
  38.         // TODO Auto-generated method stub   
  39.         super.onDraw(canvas);  
  40.           
  41.         Log.i("MyViewGroup""MyView is onDraw ") ;  
  42.         //加粗   
  43.         paint.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD));  
  44.         paint.setColor(Color.RED);  
  45.         canvas.drawColor(Color.BLUE) ;  
  46.         canvas.drawRect(003030, paint);  
  47.         canvas.drawText("MyView"1040, paint);  
  48.     }  
  49. }  

 

   主文件布局main.xml 

 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical" android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent">  
  5.       
  6.       
  7.     <TextView android:id="@+id/txt" android:layout_width="fill_parent"  
  8.         android:layout_height="wrap_content" android:text="@string/hello" />  
  9.   
  10.   
  11.     <Button android:id="@+id/btn" android:layout_width="fill_parent" android:layout_marginTop="20px"  
  12.         android:layout_height="wrap_content" android:text="点击我查看Log绘制流程"></Button>  
  13.   
  14.     <com.qin.customviewgroup.MyViewGroup android:id="@+id/custemViewGroup"  
  15.         android:layout_height="fill_parent" android:layout_width="fill_parent">  
  16.     </com.qin.customviewgroup.MyViewGroup>  
  17. </LinearLayout>  



         主Activity只是显示了该xml文件 ,在此也不罗嗦了 。 大家可以查看该ViewGroup的Log仔细分析下View的绘制流程以及相关方

  法的使用。 第一次启动后捕获的Log如下,网上找了些资料 ,第一次View树绘制过程会走两遍,具体原因我也不得而知,

 但这根本不影响我们的界面显示效果 。

 

           

 

 

 

              总的来说: 整个绘制过程还是十分十分复杂地,每个具体方法的实现都是我辈难以立即的,感到悲剧啊。 对Android提供

      的一些ViewGroup对象,比如LinearLayout、RelativeLayout布局对象的实现也很有压力。 本文重在介绍整个View树的绘制流  

      程,希望大家在此基础上,多接触源代码进行更深入地扩展。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值