淺析Android中的visibility屬性_Android

來源:互聯網
上載者:User

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 和gone 主要區別是:
當控制項visibility屬性為invisible時,介面保留了view控制項所佔有的空間;
而控制項屬性為gone時,介面則不保留view控制項所佔有的空間。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.