Android中View的繪製

來源:互聯網
上載者:User

當一個活動接收到焦點時,它將被要求繪製它的布局。Android架構將處理這個繪畫的過程,但是活動必須提供它的布局層次的根節點。

繪畫從布局的根節點開始。它被要求來測量和繪製布局樹。繪畫通過遍曆布局樹並渲染每個和失效地區相交的視圖來處理。相應的,每個視圖組負責請求繪製它的子視圖(通過draw() 方法)而每個視圖負責畫它自己因為這個樹是順序遍曆的,這意味著先畫父節點(也就是在螢幕後面),然後按照樹中出現的順序畫其同層次節點。

架構將不會畫不在失效地區的視圖,而且還將會幫你畫視圖背景。

你可以強制一個視圖被重畫,通過調用invalidate()。

繪畫布局共有兩步:一個度量過程和一個版面配置階段。 度量過程在measure(int, int)裡實現且是一個自頂向下的視圖樹遍曆。每個視圖在遞迴時往下推送尺寸規格。在度量過程的最後,每個視圖都已經儲存了自己的度量。第二個過程發生在 layout(int, int, int, int) 中並且也是自頂向下。在這個過程中,每個父節點負責定位它的所有子節點,通過使用在度量過程中計算得到的尺寸。

當一個視圖的 measure()方法返回時,它的getMeasuredWidth()和getMeasuredHeight() 值必須被設定,以及所有這個視圖子節點的值。一個視圖的度量的寬度和高度值必須符合父視圖引入的限制。這確保在度量過程之後,所有父節點接受所有它們的子 節點的度量值。一個父視圖可能會在其子視圖上多次調用measure()方法。比如,父視圖可能會通過未指定的尺寸調用measure來發現它們的大小, 然後使用實際數值再次調用measure(),如果所有子視圖未做限制的尺寸總合過大或過小(也即是,如果子視圖之間不能對各自佔據的空間達成共識的話, 父視圖將會幹預並設定第二個過程的規則)。

要開始一個布局,可調用requestLayout()。這個方法通常在視圖認為它自己不再適合它當前的邊界的情況下被調用。

度量過程使用兩個類來交流尺寸。View.MeasureSpec類被視圖用來告訴它們的父視圖它們想如何被度量和定位。基礎的LayoutParams類僅僅描述了視圖想有多大(高和寬)。對於每個維度,它可以指定下面之一:

  • ·         一個準確的數值
  • ·         FILL_PARENT, 這意味著視圖想和父視圖一樣大(減掉填充padding)。
  • ·         WRAP_CONTENT, 這意味著視圖只想有剛好封裝其內容那麼大(加上填充)

對於不同的ViewGroup子類,有相應的LayoutParams子類。比如,相對布局RelativeLayout有它自己的LayoutParams子類,這包含了能夠讓子視圖橫向和豎向置中顯示的能力。

度量規格(MeasureSpecs)被用來沿著樹從父到子的下傳度量需求。一個MeasureSpecs可以是下面三種模式之一:

  • ·         UNSPECIFIED: 這被父視圖用來決定其子視圖期望的尺寸。比如,一個線性布局可能在它的子視圖上調用measure() on its child,通過設定其高度為UNSPECIFIED 以及一個寬度為EXACTLY 240,來找出這個子視圖在給定240像素寬度的情況下需要顯示多高。
  • ·         EXACTLY: 這被父視圖用來給子視圖強加一個準確的尺寸。子視圖必須使用這個大小,並確保其所有的後代將適合這個尺寸。
  • ·         AT_MOST: 這被父視圖用來給子視圖強加一個最大尺寸。子視圖必須確保它自己以及所有的後代都適合這個尺寸。

 

 

一。也
許很多童鞋對getWidth()和getMeasuredWidth()的用法有很多的不解,這兩者之間有什麼樣的不同呢,網上也有各種不同的版本,但
大多數都大同小異,從這個地方Ctrl+C,到另一個地方Ctrl+V,沒有把問題說透,也有一部分文章誤導了大家對這兩個方法的認識,我也是深受其害。
這裡先糾正下面的一個版本的說法,Baidu上一搜一大堆的,可惜這種說法是錯的,所以希望大家就不要再盲目的轉載到你的空間裡:
                     getWidth得到是某個view的實際尺寸.
                      getMeasuredWidth是得到某view想要在parent view裡面占的大小.
想必你也見過這樣的解釋,聽起來這樣的解釋也似雲裡霧裡,沒有把問題點透。

二。好了,錯誤的版本就不過多說了,下面對這兩個方法做一下正解,首先大家應Crowdsourced Security Testing道以下幾點:
1. 在一個類初始化時,即在構造函數當中我們是得不到View的實際大小的。感興趣的朋友可以試一下,getWidth()和getMeasuredWidth()得到的結果都是0.但是我們可以從onDraw()方法裡面得到控制項的大小。
2. 這兩個方法所得到的結果的單位是像素即pixel.
對兩個方法做介紹:
 getWidth():得到的是view在父Layout中佈局好後的寬度值,如果沒有父佈局,那麼默認的父佈局是整個螢幕。也許不好理解。通過一個例子來說明一下。
例1 :
public class Test extends Activity {
 private LinearLayout mBackgroundLayout;
 private TextViewTest mTextViewTest;

 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);

  mBackgroundLayout = new MyLayout(this);
  mBackgroundLayout.setLayoutParams(new LinearLayout.LayoutParams(
    LinearLayout.LayoutParams.FILL_PARENT,
    LinearLayout.LayoutParams.FILL_PARENT));

  mTextViewTest = new TextViewTest(this);

  mBackgroundLayout.addView(mTextViewTest);
  setContentView(mBackgroundLayout);
 }
 public class MyLayout extends LinearLayout{

  public MyLayout(Context context) {
   super(context);
   // TODO Auto-generated constructor stub
  }

  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
   // TODO Auto-generated method stub
   super.onLayout(changed, l, t, r, b);
   Log.i("Tag", "--------------");
   View mView=getChildAt(0);
   mView.measure(0, 0);
  }
  
 }
 public class TextViewTest extends TextView {
  public TextViewTest(Context context) {
   super(context);
   // TODO Auto-generated constructor stub
   setText("test test ");
  }
  
  @Override
   protected void onDraw(Canvas canvas) {
   // TODO Auto-generated method stub
   super.onDraw(canvas);
   // measure(0, 0);
   Log.i("Tag", "width: " + getWidth() + ",height: " + getHeight());
   Log.i("Tag", "MeasuredWidth: " + getMeasuredWidth()
     + ",MeasuredHeight: " + getMeasuredHeight());
   }

 }
}
這裡是在LinearLayout裡添加一個TextView控制項,如果此時要得到對TextView獲取getWidth(),那麼是在TextView添加到Layout後再去獲取值,並不單單的是對TextView本身寬度的獲取。
getMeasuredWidth():先看一下API裡面怎麼說的
 The
width of this view as measured in the most recent call to measure().
This should be used during measurement and layout calculations only.
得到的是在最近一次調用measure()方法測量後得到的view的寬度,它僅僅用在測量和layout的計算中。
所以此方法得到的是view的內容佔據的實際寬度。
你如果想從一個最簡單的例子中的到它們的不同,下面將對上面的例子做一下修改:
public class Test extends Activity {
 private TextViewTest mTextViewTest;

 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  mTextViewTest = new TextViewTest(this);
  setContentView(mTextViewTest);
 }

 public class TextViewTest extends TextView {
  public TextViewTest(Context context) {
   super(context);
   // TODO Auto-generated constructor stub
   setText("test test ");
  }

  @Override
  protected void onDraw(Canvas canvas) {
   // TODO Auto-generated method stub
   super.onDraw(canvas);
   measure(0, 0);
   Log.i("Tag", "width: " + getWidth() + ",height: " + getHeight());
   Log.i("Tag", "MeasuredWidth: " + getMeasuredWidth()
     + ",MeasuredHeight: " + getMeasuredHeight());
  }
 }
}
總結(正解):
 getWidth(): View在設定好佈局後整個View的寬度。
 
getMeasuredWidth():
對View上的內容進行測量後得到的View內容佔據的寬度,前提是你必須在父佈局的onLayout()方法或者此View的onDraw()方法裡調
用measure(0,0);(measure 參數的值你可以自己定義),否則你得到的結果和getWidth()得到的結果一樣。
       也許我組織的不是很好,大家有什麼不清楚的地方再給我留言。關於這兩個方法的區別就是看你有沒有用measure()方法,當然measure()的位置也是很重要的。
三.請尊重原創,轉載請註明這是http://hi.baidu.com/ljlkings/home的空間。

 

--------------------------------------------------------------------2011/03
/01更新------------------------------------------------------------

1. 在xml裡面用的Layout_weight是什麼意思?

 A: 該屬性代表的權值,權值越小,級別越高,即在佈局中佔的分量就越重,舉例。

       <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<Button
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_weight="1"
 android:text="Button1"
 />
<Button
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_weight="2"
 android:text="Button2"
 />
</LinearLayout>

因為設置了button1的權重最小,所以它佔用的佈局就越大,這樣設置的意思是:將橫向的佈局分為三份,button1佔兩份,button2佔一份,很簡單的,有什麼不懂的可以留言,謝謝!,

下面看效果圖:

*******2011-3-26 修改

       這裡要首先感謝sunwayforever的指導,避免了我這篇文章錯誤之處的進一步擴散,在這裡先引用一句話吧:由於作者水平有限,文章中難免有疏漏和錯誤之處,懇請大家批評指正。謝謝!(註:上面綠色底紋的言論錯誤,希望大家往下看)

裡對layout_weight
說一下自己新的見解,首先,前面有一句話“因為設定了button1的權重最小,所以它佔用的布局就越大”這句話在你的layout_width設定為
fill_parent的時候是沒錯的,可是如果設定為wrap_content的時候,這句話就解釋不清了,下面是sunwayforever對此屬性的認識:

linearLayout中包含有weight的child時,linearLayout會measure兩次:
設螢幕寬度為X
第一次:button1的measuredWidth為X,button2也為X (因為用了weight,所以linearLayout每次measure child時不考慮前一個已經佔用的大小),total_width為2X
第二次:計算delta=x-total_width=-x,然後會將button1的寬度設為
x+delta*1/3=0.66x, button2的寬度為 x+delta*2/3=0.33x

      那我現在對這句話重新概括一下:“因為設定了button1的權重最小,所以它佔用的布局優先順序就越高”,也許在Android裡面布局並沒有優先順序之說,我這裡只是為了說明問題,自己定義的,所以朋友們不要拍磚。
     

那首先分析一下當layout_width屬性設置為fill_parent的時候,即充滿父佈局,當然意思是這個控制項要根據weight的設置盡可能的
大,因此,依上例而論,button1的weight設為1,button2的weight設置為2.即button的優先級最高,因此,要填充父佈局就
要button1先來填充,盡可能的大,那這個盡可能又是多少呢,這就要綜合layout裡其他控制項的weight值了,然後做一下運算,button1
佔據2/3,button2佔據1/3.你也可以把button2設置為一個非常大的數,比如2000,此時在Graphical
Layout模式下可以看到button1填充滿了整個寬度,而看不到button2的影子,事實上button2還是存在的,你把鼠標指向
button1的後面就可以看到一個長長的豎條,那個就是button2,已經非常非常小了。因此,在layout_width設置為fill_parent的時候,weight所代表的是你的控制項要優先盡可能的大。

    
接著是當layout_weight設置為wrap_content的時候,即適應內容的寬度,意思是這個控制項要盡可能的小,只要能把內容顯示出來就可以
了,同樣的,如果把button1和button2的layout_weight設置為wrap_content後,button1的weight為
1,button2的weight為2.那麼button1要優先盡可能的小,而button2也要盡可能的小,只是優先級不一樣,因為設置了
weight,所以這兩個控制項總的寬度要填滿父佈局的寬度,所以就又要計算每個控制項所佔據的大小,此時,button1的優先級較高,共有兩份,一份
1/3,一份2/3,button1要盡可能的小,那button1當然要選1/3,因此,我們看到的效果反而是button2佔據的較大。這裡要說的是
如果把權值同樣做如下設置:button1為1,button2為2000,那button1是不是就要佔據1/2000的空間呢?這麼理解就錯了,剛才
說了,要盡可能的小,但這個小是有
一個限度的,那就是wrap_content,就是還要是內容完完整整的顯示出來,同樣的,盡可能的大也是有一個限度的,那就是父佈局的寬度。因此,在
layout_width設置為wrap_content的時候,weight所代表的是你的控制項要優先盡可能的大。

所以,要對weight做瞭解,要深深的理解下面兩句話:
在layout_width設置為fill_parent的時候,layout_weight所代表的是你的控制項要優先盡可能的大,但這個大是有限度的,即fill_parent.
在layout_width設置為wrap_content的時候,layout_weight所代表的是你的控制項要優先盡可能的小,但這個小是有限度的,即wrap_content.

layout_height 同 layout_width.

 

下面貼幾張圖:

1. layout_width="fill_parent", button1的weight=1,button2的weight=2;


2.layout_width="fill_parent", button1的weight=1,button2的weight=2000;


3.layout_width="wrap_content", button1的weight=1,button2的weight=2;


4.layout_width="wrap_content", button1的weight=1,button2的weight=2000;

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.