Android中visibility屬性詳解

codeceo發表於2015-03-05

Android開發中,大部分控制元件都有visibility這個屬性,其屬性有3個分別為“visible ”、“invisible”、“gone”。主要用來設定控制控制元件的顯示和隱藏。

1) 可見(visible)

XML檔案:android:visibility=”visible”
Java程式碼:view.setVisibility(View.VISIBLE);

2) 不可見(invisible)

XML檔案:android:visibility=”invisible”
Java程式碼:view.setVisibility(View.INVISIBLE);

3) 隱藏(GONE)

XML檔案:android:visibility=”gone”
Java程式碼:view.setVisibility(View.GONE);

為了區別其作用,測試demo如下:

Java程式碼:

 public class MainActivity extends Activity {  
     private TextView txt222 = null;  

     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.main);  

         txt222 = (TextView)findViewById(R.id.txt2222);  

         findViewById(R.id.btn1).setOnClickListener(listener);  
         findViewById(R.id.btn2).setOnClickListener(listener);  
         findViewById(R.id.btn3).setOnClickListener(listener);  
     }  

     View.OnClickListener listener = new View.OnClickListener() {  
         @Override  
         public void onClick(View v) {  
             switch (v.getId()) {  
             case R.id.btn1:  
                 txt222.setVisibility(View.VISIBLE);  
                 break;  

             case R.id.btn2:  
                 txt222.setVisibility(View.INVISIBLE);  
                 break;  

             case R.id.btn3:  
                 txt222.setVisibility(View.GONE);  
                 break;  
             }  
         }  
     };  
 }

xml程式碼:

<?xml version="1.0" encoding="utf-8"?>  
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:orientation="vertical" >  

        <LinearLayout  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
           android:layout_marginBottom="20dip"  
           android:orientation="horizontal" >  

           <TextView  
               android:layout_width="wrap_content"  
               android:layout_height="wrap_content"  
               android:layout_weight="1"  
               android:background="#F00"  
               android:text="1111"  
               android:visibility="visible" />  

           <TextView  
               android:id="@+id/txt2222"  
               android:layout_width="wrap_content"  
               android:layout_height="wrap_content"  
               android:layout_weight="1"  
               android:background="#0F0"  
               android:text="2222"  
               android:visibility="visible" />  
       </LinearLayout>  

       <Button  
           android:id="@+id/btn1"  
           android:layout_width="fill_parent"  
           android:layout_height="wrap_content"  
           android:text="2222 VISIBLE" />  

       <Button  
           android:id="@+id/btn2"  
           android:layout_width="fill_parent"  
           android:layout_height="wrap_content"  
           android:text="2222 INVISIBLE" />  

       <Button  
           android:id="@+id/btn3"  
           android:layout_width="fill_parent"  
           android:layout_height="wrap_content"  
           android:text="2222 GONE" />  

   </LinearLayout>

執行結果:

程式碼解釋:

兩個TextView,用於測試visible, invisible, gone的效果

第一個TextView, 用於測試第二個TextView被設定為visible,invisible,gone狀態後的顯示效果

第二個TextView, 用於設定為visible, invisible, gone

三個Button,用於操作第二個TextView的狀態分別為visible, invisible, gone

測試結果

1) 點選第二個Button(btn2),設定第二個TextView(txt222)為invisible,顯示效果如下:

2) 點選第二個Button(btn3),設定第二個TextView(txt222)為gone,顯示效果如下:

3) 點選第二個Button(btn1),設定第二個TextView(txt222)為visible,顯示效果如下:

結論:

visible      : 設定控制元件可見
invisible   : 設定控制元件不可見
gone        : 設定控制元件隱藏

invisible當控制元件visibility屬性為invisible時,介面保留了view控制元件所佔有的空間;而控制元件屬性為gone時,介面則不保留view控制元件所佔有的空間。

相關文章