1. 程式人生 > >Android visibility 控制元件顯示隱藏 可見不可見

Android visibility 控制元件顯示隱藏 可見不可見

在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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    tools:context="com.example.samsung.yinchangxianshi.MainActivity">


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="20dip" >

        <TextView
            android:id="@+id/mainTV1"
            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>
第二步  對應的MainActivity
public class MainActivity extends AppCompatActivity {

   TextView mainTV2 ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_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;
        }
    }
}