Visibility properties in Android the difference between visible, INVISIBLE, gone

in Android development, most of the controls have the visibility attribute, with 3 properties of "visible", "invisible", and "Gone" respectively. Used primarily to set the display and hiding of control controls . Some people may wonder what is the difference between invisible and gone??? So, let's look at the following with this question:

It is set in the XML file and Java code as follows:

Viewable (visible)

XML file: android:visibility= "visible"

Java code: view.setvisibility (view.visible);

Not visible (invisible)

XML file: android:visibility= "Invisible"

Java code: view.setvisibility (view.invisible);

Hidden (GONE)

XML file: android:visibility= "Gone"

Java code: view.setvisibility (View.gone);

In order to distinguish the three, I built a dome to demonstrate, first on the dome code, after the demonstration will know their differences:

XML file:

[HTML]View PlainCopy

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
6. android:layout_width="fill_parent"
8. android:layout_height="fill_parent"
10. android:orientation="vertical">
12. <linearlayout
14. android:layout_width="fill_parent"
16. android:layout_height="wrap_content"
18. android:orientation="Horizontal"
20. android:layout_marginbottom="20dip" >
24. <TextView
26. android:layout_width="wrap_content"
28. android:layout_height="wrap_content"
30. android:layout_weight="1"
32. android:background="#F00"
34. android:text="TextView1"
36. android:textsize="23SP"
38. android:visibility="visible" />
42. <TextView
44. android:id="@+id/maintv2"
46. android:layout_width="wrap_content"
48. android:layout_height="wrap_content"
50. android:layout_weight="1"
52. android:background="#00F"
54. android:text="TextView2"
56. android:textsize="23SP"
58. android:visibility="visible" />
60. </linearlayout>
64. <Button
66. android:id="@+id/mainbtn1"
68. android:layout_width="fill_parent"
70. android:layout_height="wrap_content"
72. android:text="TextView2 for visible"
74. android:onclick="Mianonclicklistener"/>
78. <Button
80. android:id="@+id/mainbtn2"
82. android:layout_width="fill_parent"
84. android:layout_height="wrap_content"
86. android:text="TextView2 for Invisible"
88. android:onclick="Mianonclicklistener"/>
92. <Button
94. android:id="@+id/mainbtn3"
96. android:layout_width="fill_parent"
98. android:layout_height="wrap_content"
100. android:text="TextView2 for Gone"
102. android:onclick="Mianonclicklistener"/>
104. </linearlayout>

The next three buttons as long as the properties of the visibility that control TextView

Java code:

[Java]View PlainCopy

2. Package com.chindroid.visibility;
6. Import android.app.Activity;
8. Import Android.os.Bundle;
10. Import Android.view.View;
12. Import Android.widget.TextView;
16. Public class Mainactivity extends Activity {
18. /** TextView2 * /
20. private TextView mainTV2 = null;
24. @Override
26. public void OnCreate (Bundle savedinstancestate) {
28. super.oncreate (savedinstancestate);
30. Setcontentview (R.layout.main);
34. //Initialize data
36. InitData ();
38. }
42. /** Methods for initializing controls * /
44. private void InitData () {
46. MainTV2 = (TextView) Findviewbyid (R.ID.MAINTV2);
48. }
52. /** 
54. * How to respond to button click events in Mainactivity
56. *
58. * @param v
60. */
62. public void Mianonclicklistener (View v) {
64. switch (V.getid ()) {
66. case r.id.mainbtn1:{ //button 1 Response event
68. //Set TEXTVIEW2 visible
70. Maintv2.setvisibility (view.visible);
72. Break ;
74. }
76. case r.id.mainbtn2:{ //Button 2 response event
78. //Set TEXTVIEW2 not visible
80. Maintv2.setvisibility (view.invisible);
82. Break ;
84. }
86. case r.id.mainbtn3:{ //Button 3 response event
88. //Set TEXTVIEW2 hide
90. Maintv2.setvisibility (View.gone);
92. Break ;
94. }
96. Default:
98. Break ;
100. }
102. }
104. }

Since the start of the program two TextView are visible

When we click the 1th button and set the Textview2visibility property to invisible, the program looks like this:

When we click the 3rd button and set the Textview2visibility property to gone, the program looks like this:

When we click the 1th button again and set the Textview2visibility property to visible, the TextView2 appears again, as shown in:

By the above demonstration

Visible: Setting controls Visible

INVISIBLE: Setting controls not visible, will occupy pits

GONE: Setting controls hidden, not occupying pits

The main difference between invisible and gone is that when the control visibility property is invisible, the interface retains the space occupied by the view control, while the control property is gone, the interface does not preserve the space occupied by the view control.

Visibility properties in Android the difference between visible, INVISIBLE, gone