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

標籤：switch   listener   name   圖片   bundle   btn   部分   bar   程式   

在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.   
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 plain copy 

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控制項所佔有的空間。

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