Android Hide View With Runnable

User Interface (UI) merupakan hal yang penting dalam suatu applikasi untuk menarik user agar menggunakan applikasi, tetapi bagi developer hal ini sering di anggap kurang penting karena yang paling utama adalah aplikasi run dengan lancar tanpa ada crash atau bug.
Pada kesempatan kali ini percobaan pada UI android untuk hide sebuah view beberapa detik setelah event dilakukan.Untuk percobaannya langsung saja :

Siapkan XML dengan nama layout_main.xml sebagai berikut :

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
    <Button 
        android:id="@+id/btnCommand"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Show Hide Text"
        android:layout_alignParentTop="true"/>
   <TextView 
        android:id="@+id/tv1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/app_name"
        android:visibility="gone"
        android:layout_centerInParent="true"/>
</RelativeLayout>

Nah pada onCreate MainActivity tuliskan code beikut ini:

private Button btnCommand;
private TextView tv1;
protected void onCreate(Bundle savedInstance) {
super.onCreate(savedInstance);
setContentView(R.layout.layout_main); 
               
        btnCommand = (Button) findViewById(R.id.btnCommand);
        tv1 = (TextView) findViewById(R.id.tv1);

        btnCommand.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
tv1.setVisibility(View.Visible);
tv1.setPostDelayed(new Hider(), 3000); // 3000 = 3 detik 
}
});

  }

Untuk itu tambahkan inner class pada MainActivity seperti berikut ini:


class Hider implements Runnable{
@Override
public void run() {
if (tv1.getVisibility() == View.VISIBLE ){
tv1.setVisibility(View.GONE);
}
}
}

Nah sekarang coba run applikasi yang anda buat dan coba click pada tombol Show Hide Text maka akan tampil sebuah text view dan tunggu setelah tiga detik textview akan hilang dengan sendirinya.


No comments:

Post a Comment