`

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.    
  36.     <Button
  37.         android:id="@+id/mainBtn2"
  38.         android:layout_width="fill_parent"
  39.         android:layout_height="wrap_content"
  40.         android:text="TextView2为INVISIBLE"
  41.         android:onClick="mianOnClickListener"/>   
  42.     <Button
  43.         android:id="@+id/mainBtn3"
  44.         android:layout_width="fill_parent"
  45.         android:layout_height="wrap_content"
  46.         android:text="TextView2为GONE"
  47.         android:onClick="mianOnClickListener"/>
  48. </LinearLayout>
复制代码

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

  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.         //初始化数据
  15.         initData();
  16.     }
  17.     /** 初始化控件的方法 */
  18. private void initData() {
  19.   mainTV2 = (TextView)findViewById(R.id.mainTV2);
  20. }
  21. /**
  22.   * MainActivity中响应<A class=relatedlink  target=_blank>按钮</A>点击事件的方法
  23.   *
  24.   * @param v
  25.   */
  26. public void mianOnClickListener(View v){
  27.   switch (v.getId()){
  28.    case R.id.mainBtn1:{ //按钮1的响应事件
  29.     //设置TextView2可见
  30.     mainTV2.setVisibility(View.VISIBLE);
  31.     break;
  32.    }
  33.    case R.id.mainBtn2:{ //按钮2的响应事件
  34.     //设置TextView2不可见
  35.     mainTV2.setVisibility(View.INVISIBLE);
  36.     break;
  37.    }
  38.    case R.id.mainBtn3:{ //按钮3的响应事件
  39.     //设置TextView2隐藏
  40.     mainTV2.setVisibility(View.GONE);
  41.     break;
  42.    }
  43.    default:
  44.     break;
  45.   }
  46. }
  47. }
复制代码

由于程序一启动两个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的区别

    在Android开发中,大部分控件都有visibility这个属性,其属性有3个分别为“visible ”、“invisible”、“gone”。主要用来设置控制控件的显示和隐藏。有些人可能会疑惑Invisible和gone是有什么区别的???那么,...

    Android中visibility属性

    Android开发中,大部分控件都有visibility这个属性,其属性有3个分别为“visible ”、“invisible”、“gone”。主要用来设置控制控件的显示和隐藏。

    浅析Android中的visibility属性

    Android开发中,大部分控件都有visibility这个属性,其属性有3个分别为“visible ”、“invisible”、“gone”。主要用来设置控制控件的显示和隐藏。1) 可见(visible)XML文件:android:visibility=”visible”Java...

    VIsibility属性

    VISIBILITY属性的详解包括VISIBLE、INVISIBLE及GONE区别

    android界面效果全汇总1

    当Layout(菜单)显示的时候,设置android:visibility="visible",当Layout(菜单)隐藏的时候,设置android:visibility="gone",这里android:visibility可以有3个值,"visible"为可见,"invisible"为不可见但占空间...

    Android项目设计与开发:运行提示和进度条.ppt

    进度条 运行状态提示有三种visibility形态 visible 控件可见且占据界面的空间 invisible 控件不可见,仍占据界面空间 gone 控件不可见,也不占据空间 进度条 运行状态应用: 在布局中插入一个ProgressBar标签,默认...

    Android项目设计与开发:运行提示和进度条2.ppt

    进度条 运行状态提示有三种visibility形态 visible 控件可见且占据界面的空间 invisible 控件不可见,仍占据界面空间 gone 控件不可见,也不占据空间 进度条 运行状态应用: 在布局中插入一个ProgressBar标签,默认...

    使用CSS3 backface-visibility属性制作3D翻转动画效果.zip

    使用CSS3 backface-visibility属性制作3D翻转动画效果.zip 使用CSS3 backface-visibility属性制作3D翻转动画效果.zip 使用CSS3 backface-visibility属性制作3D翻转动画效果.zip

    display和visibility的区别示例介绍

    display通常可以设置为none、inline、block visibility通常可以设置为hidden、visible 当display为none,visibility为hidden时,元素都会不见。不过其还有不同之处。 display会将元素隐藏掉,并且位置不再被占据,而...

    Android studio 学习2:实现密码登录界面和验证码登录界面的切换(在同一xml页面)

    android:visibility=” “ Visible:正常显示 Invisible:保留位置 Gone:完全隐藏 二、实现图示 Java代码的实现: public class LoginActivity extends AppCompatActivity { //控件 private Button btnSubmit...

    css中display和visibility的用法和区别介绍

    Display的属性值 block:/*表现为一个块级元素(一般情况下独占一行)*/当display被设置为block(块)时,容器中所有的元素将会被当作一个单独的块,就像元素一样,它会在那个点被放入到页面中。(实际上你可以设置的...

    JAVASCRIPT style 中visibility和display之间的区别

    visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。

    JS中style.display和style.visibility的区别实例说明

    在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示,在style.display=block和style.visibility=visible的时候,元素被显示,在style.display=none和style.visibility=hidden的时候,元素...

    WPF的bool2Visibility转换器使用

    WPF的bool2Visibility转换器使用

    Android属性动画实现布局的下拉展开效果

    这一次的需求是这样的:当点击一个View的时候,显示下面隐藏的一个View,要实现这个功能,需要将V iew的visibility属性设置gone为visible即可,但是这个过程是一瞬间的,并不能实现我们要的效果。所以,属性动画是个...

    Visibility Algorithms In The Plane

    1.1 Notion of Visibility 1 1.2 Polygon 2 1.3 Asymptotic Complexity 5 1.4 Triangulation 6 1.5 The Art Gallery Problem 8 1.6 Special Types of Visibility 11 2 Point Visibility 13 2.1 Problems and Results...

Global site tag (gtag.js) - Google Analytics