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文件:

  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代码:

  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个按钮,把TextView2 visibility属性设置为INVISIBLE时,程序如下如下图所示:

当我们点击第3个按钮,把TextView2 visibility属性设置为GONE时,程序如下如下图所示:

当我们再点击第1个按钮,把TextView2 visibility属性设置为VISIBLE时,TextView2又呈现出来了,如下图所示:

 

由上面的演示可知

VISIBLE:设置控件可见

INVISIBLE:设置控件不可见

GONE:设置控件隐藏

 

而INVISIBLE和GONE的主要区别是:当控件visibility属性为INVISIBLE时,界面保留了view控件所占有的空间;而控件属性为GONE时,界面则不保留view控件所占有的空间。