当前位置: 代码迷 >> Android >> Android中visibility属性VISIBLE、INVISIBLE、GONE的差别
  详细解决方案

Android中visibility属性VISIBLE、INVISIBLE、GONE的差别

热度:65   发布时间:2016-05-01 14:16:36.0
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文件:

<?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:orientation="horizontal"        android:layout_marginBottom="20dip" >        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:background="#F00"            android:text="TextView1"            android:textSize="23sp"            android:visibility="visible" />        <TextView            android:id="@+id/mainTV2"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:background="#00F"            android:text="TextView2"            android:textSize="23sp"            android:visibility="visible" />    </LinearLayout>        <Button         android:id="@+id/mainBtn1"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="TextView2为VISIBLE"        android:onClick="mianOnClickListener"/>        <Button         android:id="@+id/mainBtn2"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="TextView2为INVISIBLE"        android:onClick="mianOnClickListener"/>        <Button         android:id="@+id/mainBtn3"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="TextView2为GONE"        android:onClick="mianOnClickListener"/></LinearLayout>


后面三个Button只要是控制TextView的visibility的属性

Java代码:

package com.chindroid.visibility;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.TextView;public class MainActivity extends Activity {	/** TextView2 */	private TextView mainTV2 = null;	    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);                //初始化数据        initData();    }    /** 初始化控件的方法 */	private void initData() {		mainTV2 = (TextView)findViewById(R.id.mainTV2);	}		/**	 * MainActivity中响应按钮点击事件的方法	 * 	 * @param v	 */	public void mianOnClickListener(View v){		switch (v.getId()){			case R.id.mainBtn1:{	//按钮1的响应事件				//设置TextView2可见				mainTV2.setVisibility(View.VISIBLE);				break;			}			case R.id.mainBtn2:{	//按钮2的响应事件				//设置TextView2不可见				mainTV2.setVisibility(View.INVISIBLE);				break;			}			case R.id.mainBtn3:{	//按钮3的响应事件				//设置TextView2隐藏				mainTV2.setVisibility(View.GONE);				break;			}			default:				break;		}	}}


由于程序一启动两个TextView都是可见的

当我们点击第1个按钮,把TextView2visibility属性设置为INVISIBLE时,程序如下如下图所示:

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

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

 

由上面的演示可知

VISIBLE:设置控件可见

INVISIBLE:设置控件不可见

GONE:设置控件隐藏

 

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

 

 

? 温馨提示:返回我的博客索引

 

  相关解决方案