Custom Pop Up Android Studio

Pada tulisan saya kali ini, saya ingin share mengenai bahasa pemrograman menggunakan android studio. Karena saya bekerja sebagai programmer, menuntuk saya untuk bisa menguasai beberapa tools programming yang diwajibkan di tempat kerja saya. Nah, berhubung saat ini saya bekerja di salah satu perusahan swasta yang bergerak di bidang mobile banking. Untuk posisis yang saat ini saya tempati adalah MOBILE DEVELOPER, sehingga saat ini saya mendalami Android studio untuk membangun aplikasi berbasi mobile.

Itu intro dari saya, maaf kalau panjang lebar.

Oke, lanjut ke topik pembahasan kita mengenai custom pop up pada android studio. Atau bisa dibilang juga custom alert dialog. Dalam hal ini ketika kita ingin membuat tampilan pop up atau alert dialog sesuai keinginan kita menggunakna .xlm pada android studio.

Untuk layoutnya seperti gambar diatas. Oke, langsung masuk ke code programnya.

langakah pertama buat terlebih dahulu .xml (Layout), beri nama dialog_login.xml (nama bisa terserah kalian):

kemudian masukan code xml dibawah ini ke dalam layout dialog_login.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="250dp"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="64dp"
        android:scaleType="center"
        android:background="@drawable/antonsense"
        android:contentDescription="@string/app_name"/>
    </LinearLayout>

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:textColorHint="#cccccc">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/editText_user"
            android:backgroundTint="#fff"
            android:drawableLeft="@drawable/ic_person"
            android:hint="   Username"
            android:inputType="textPersonName"
            android:textColor="#cccccc"
            android:textSize="20sp" />

    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textColorHint="#cccccc">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/editText_password"
            android:backgroundTint="#ffff"
            android:drawableLeft="@drawable/ic_lock"
            android:hint="   Passwoard"
            android:inputType="textPassword"
            android:textColor="#cccccc"
            android:textSize="20sp" />
    </android.support.design.widget.TextInputLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button
            android:id="@+id/button"
            android:layout_margin="5dp"
            android:layout_width="115dp"
            android:layout_height="wrap_content"
            android:background="@drawable/list_selected"
            android:textColor="#FFFFFF"
            android:text="Cancel"/>
        <Button
            android:id="@+id/button2"
            android:layout_margin="5dp"
            android:layout_width="115dp"
            android:layout_height="wrap_content"
            android:background="@drawable/list_selected"
            android:textColor="#FFFFFF"
            android:layout_alignParentRight="true"
            android:text="Ok"/>
    </RelativeLayout>
</LinearLayout>

Masukan kode dibawah ini tepat di button yang digunakan untuk memanggil pop up tersebut:

                final Dialog dialog = new Dialog(MainActivity.this);
                dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
                dialog.setContentView(R.layout.dialog_login);
                dialog.setCancelable(false);
                final Button btnCancel= (Button) dialog.findViewById(R.id.button);
                final Button btnOk= (Button) dialog.findViewById(R.id.button2);

                btnCancel.setOnClickListener(new View.OnClickListener()
                {
                    @Override
                    public void onClick(View v)
                    {
                        dialog.dismiss();
                    }
                });
                dialog.show();

Oke, hanya begitu saja caranya. Bagaimana? mudah bukan.
Bagi yang males create new project. Silahkan download di link ini:

----------------SELEMAT MENCOBA----------------

Jangan lupa komen ketika mendapatkan masalah, karena dari situlah kita belajar.

Share this post