1. 程式人生 > >Android中visibility屬性VISIBLE、INVISIBLE、GONE的區別

Android中visibility屬性VISIBLE、INVISIBLE、GONE的區別

int ase htm wid 分享 log img enc 1.0

在Android開發中,大部分控件都有visibility這個屬性,其屬性有3個分別為“visible ”、“invisible”、“gone”。主要用來設置控制控件的顯示和隱藏。有些人可能會疑惑Invisible和gone是有什麽區別的???那麽,我們帶著這個疑問看下面:

其在XML文件和Java代碼中設置如下:

可見(visible)

XML文件:android:visibility="visible"

Java代碼:view.setVisibility(View.VISIBLE);

不可見(invisible)

XML文件:android:visibility="invisible"

Java代碼:view.setVisibility(View.INVISIBLE);

隱藏(GONE)

XML文件:android:visibility="gone"

Java代碼:view.setVisibility(View.GONE);

為了區別三者,我建了一個Dome進行演示,先上Dome的代碼,演示後就知道它們的區別:

XML文件:

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. android:orientation="vertical">
  6. <LinearLayout
  7. android:layout_width="fill_parent"
  8. android:layout_height="wrap_content"
  9. android:orientation="horizontal"
  10. android:layout_marginBottom="20dip" >
  11. <TextView
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content"
  14. android:layout_weight="1"
  15. android:background="#F00"
  16. android:text="TextView1"
  17. android:textSize="23sp"
  18. android:visibility="visible" />
  19. <TextView
  20. android:id="@+id/mainTV2"
  21. android:layout_width="wrap_content"
  22. android:layout_height="wrap_content"
  23. android:layout_weight="1"
  24. android:background="#00F"
  25. android:text="TextView2"
  26. android:textSize="23sp"
  27. android:visibility="visible" />
  28. </LinearLayout>
  29. <Button
  30. android:id="@+id/mainBtn1"
  31. android:layout_width="fill_parent"
  32. android:layout_height="wrap_content"
  33. android:text="TextView2為VISIBLE"
  34. android:onClick="mianOnClickListener"/>
  35. <Button
  36. android:id="@+id/mainBtn2"
  37. android:layout_width="fill_parent"
  38. android:layout_height="wrap_content"
  39. android:text="TextView2為INVISIBLE"
  40. android:onClick="mianOnClickListener"/>
  41. <Button
  42. android:id="@+id/mainBtn3"
  43. android:layout_width="fill_parent"
  44. android:layout_height="wrap_content"
  45. android:text="TextView2為GONE"
  46. android:onClick="mianOnClickListener"/>
  47. </LinearLayout>


後面三個Button只要是控制TextView的visibility的屬性

Java代碼:

[java] view plain copy
  1. package com.chindroid.visibility;
  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.widget.TextView;
  6. public class MainActivity extends Activity {
  7. /** TextView2 */
  8. private TextView mainTV2 = null;
  9. @Override
  10. public void onCreate(Bundle savedInstanceState) {
  11. super.onCreate(savedInstanceState);
  12. setContentView(R.layout.main);
  13. //初始化數據
  14. initData();
  15. }
  16. /** 初始化控件的方法 */
  17. private void initData() {
  18. mainTV2 = (TextView)findViewById(R.id.mainTV2);
  19. }
  20. /**
  21. * MainActivity中響應按鈕點擊事件的方法
  22. *
  23. * @param v
  24. */
  25. public void mianOnClickListener(View v){
  26. switch (v.getId()){
  27. case R.id.mainBtn1:{ //按鈕1的響應事件
  28. //設置TextView2可見
  29. mainTV2.setVisibility(View.VISIBLE);
  30. break;
  31. }
  32. case R.id.mainBtn2:{ //按鈕2的響應事件
  33. //設置TextView2不可見
  34. mainTV2.setVisibility(View.INVISIBLE);
  35. break;
  36. }
  37. case R.id.mainBtn3:{ //按鈕3的響應事件
  38. //設置TextView2隱藏
  39. mainTV2.setVisibility(View.GONE);
  40. break;
  41. }
  42. default:
  43. break;
  44. }
  45. }
  46. }


由於程序一啟動兩個TextView都是可見的

技術分享圖片

當我們點擊第1個按鈕,把TextView2visibility屬性設置為INVISIBLE時,程序如下如下圖所示:

技術分享圖片

當我們點擊第3個按鈕,把TextView2visibility屬性設置為GONE時,程序如下如下圖所示:

技術分享圖片

當我們再點擊第1個按鈕,把TextView2visibility屬性設置為VISIBLE時,TextView2又呈現出來了,如下圖所示:

技術分享圖片

由上面的演示可知

VISIBLE:設置控件可見

INVISIBLE:設置控件不可見,會占坑

GONE:設置控件隱藏,不會占坑

而INVISIBLE和GONE的主要區別是:當控件visibility屬性為INVISIBLE時,界面保留了view控件所占有的空間;而控件屬性為GONE時,界面則不保留view控件所占有的空間。

Android中visibility屬性VISIBLE、INVISIBLE、GONE的區別