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

在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 plaincopy

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.   

12.         <TextView  

13.             android:layout_width="wrap_content"  

14.             android:layout_height="wrap_content"  

15.             android:layout_weight="1"  

16.             android:background="#F00"  

17.             android:text="TextView1"  

18.             android:textSize="23sp"  

19.             android:visibility="visible" />  

20.   

21.         <TextView  

22.             android:id="@+id/mainTV2"  

23.             android:layout_width="wrap_content"  

24.             android:layout_height="wrap_content"  

25.             android:layout_weight="1"  

26.             android:background="#00F"  

27.             android:text="TextView2"  

28.             android:textSize="23sp"  

29.             android:visibility="visible" />  

30.     </LinearLayout>  

31.       

32.     <Button   

33.         android:id="@+id/mainBtn1"  

34.         android:layout_width="fill_parent"  

35.         android:layout_height="wrap_content"  

36.         android:text="TextView2爲VISIBLE"  

37.         android:onClick="mianOnClickListener"/>  

38.       

39.     <Button   

40.         android:id="@+id/mainBtn2"  

41.         android:layout_width="fill_parent"  

42.         android:layout_height="wrap_content"  

43.         android:text="TextView2爲INVISIBLE"  

44.         android:onClick="mianOnClickListener"/>  

45.       

46.     <Button   

47.         android:id="@+id/mainBtn3"  

48.         android:layout_width="fill_parent"  

49.         android:layout_height="wrap_content"  

50.         android:text="TextView2爲GONE"  

51.         android:onClick="mianOnClickListener"/>  

52. </LinearLayout>  

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

Java代碼：

[java] view plaincopy

1. package com.chindroid.visibility;  

2.   

3. import android.app.Activity;  

4. import android.os.Bundle;  

5. import android.view.View;  

6. import android.widget.TextView;  

7.   

8. public class MainActivity extends Activity {  

9.     /** TextView2 */  

10.     private TextView mainTV2 = null;  

11.       

12.     @Override  

13.     public void onCreate(Bundle savedInstanceState) {  

14.         super.onCreate(savedInstanceState);  

15.         setContentView(R.layout.main);  

16.           

17.         //初始化數據  

18.         initData();  

19.     }  

20.   

21.     /** 初始化控件的方法 */  

22.     private void initData() {  

23.         mainTV2 = (TextView)findViewById(R.id.mainTV2);  

24.     }  

25.       

26.     /** 

27.      * MainActivity中響應按鈕點擊事件的方法 

28.      *  

29.      * @param v 

30.      */  

31.     public void mianOnClickListener(View v){  

32.         switch (v.getId()){  

33.             case R.id.mainBtn1:{    //按鈕1的響應事件  

34.                 //設置TextView2可見  

35.                 mainTV2.setVisibility(View.VISIBLE);  

36.                 break;  

37.             }  

38.             case R.id.mainBtn2:{    //按鈕2的響應事件  

39.                 //設置TextView2不可見  

40.                 mainTV2.setVisibility(View.INVISIBLE);  

41.                 break;  

42.             }  

43.             case R.id.mainBtn3:{    //按鈕3的響應事件  

44.                 //設置TextView2隱藏  

45.                 mainTV2.setVisibility(View.GONE);  

46.                 break;  

47.             }  

48.             default:  

49.                 break;  

50.         }  

51.     }  

52. }  

因爲程序一啓動兩個TextView都是可見的

當咱們點擊第1個按鈕，把TextView2visibility屬性設置爲INVISIBLE時，程序以下以下圖所示：

當咱們點擊第3個按鈕，把TextView2visibility屬性設置爲GONE時，程序以下以下圖所示：

當咱們再點擊第1個按鈕，把TextView2visibility屬性設置爲VISIBLE時，TextView2又呈現出來了，以下圖所示：

 

由上面的演示可知

VISIBLE：設置控件可見

INVISIBLE：設置控件不可見

GONE：設置控件隱藏

 

而INVISIBLE和GONE的主要區別是：當控件visibility屬性爲INVISIBLE時，界面保留了view控件所佔有的空間；而控件屬性爲GONE時，界面則不保留view控件所佔有的空間。