Cara Membuka Activity Baru Ketika Item ListView di Klik

Tutorial Cara Cara Membuka Activity Baru Ketika Item ListView di klik di Android Studio

Halo semuanya. Bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan baik-baik saja. Sebelumnya, saya sudah pernah membagikan tutorial kepada kalian semua tentang cara membuat listview sederhana di android studio dan cara membuat custom listview untuk menampilkan gambar dan teks di android studio. Pada tutorial tersebut, saya hanya membuat ListView yang ketika item di klik maka akan menampilkan toast. Pada kesempatan kali ini, saya akan membagikan tutorial cara membuka activity baru ketike item listview di klik.

ListView adalah grup tampilan yang digunakan untuk menampilkan banyak item dalam daftar yang dapat di-scroll. Dan item ListView secara otomatis dimasukkan ke list menggunakan Adaptor. Menampilkan elemen dalam ListView sebagian besar digunakan dalam banyak aplikasi android. User melihat banyak item dan dapat menggulir layar. Ketika pengguna mengklik pada salah satu item, activity baru mungkin terbuka di sana.

Jadi, pada tutorial ini kalian akan belajar cara menerapkan ListView di aplikasi android dan membuka activity baru ketika item listview di klik.

- Advertisement -

Tutorial Cara Membuka Activity Baru Ketika Item ListView di Klik

Pada tutorial ini kita tidak perlu membuat projek android studio baru karena dalam tutorial ini saya menggunakan projek dari tutorial sebelumnya, yaitu Cara Membuat Custom ListView Menggunakan ArrayAdapter di Android Studio. Untuk itu silahkan kalian pahami terlebih dahulu tutorial tersebut agar paham dengan tutorial ini.

XML Layout File

Buatlah file xml layout baru dengan cara klik kanan pada folder layout lalu pilih New>Activity>Empty Activity. Simpan file activity baru dengan nama file Facebook. (Untuk membuka item Facebook pada ListView). Jika kalian mau, lakukan hal sama untuk item ListView lainnya seperti Twitter, Instagram, WhatsApp. Pada tutorial ini saya membuat activity baru untuk Facebook dan Instagram.

Setelah kalian membuat activity baru, struktur projek kalian akan terlihat seperti pada gambar berikut ini.

Java Activity File

Buka file MainActivity dalam folder java projek kalian. Lalu pada method setOnItemClickListener, tambahkan Intent di dalamnya dengan menggunakan if agar kita bisa mengetahui posisi item dari ListView. Berikut ini adalah kode lengkap untuk MainActivity.

app/java/com.androidrion.customlistviewapp/MainActivity.java

package com.androidrion.customlistview1;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    ListView lv;

    int[] iconList = new int[]{
            R.drawable.facebook, R.drawable.twitter, R.drawable.instagram, R.drawable.snapchat,
            R.drawable.whatsapp, R.drawable.line, R.drawable.kakaotalk, R.drawable.telegram, R.drawable.messenger,
            R.drawable.youtube, R.drawable.tiktok, R.drawable.vine, R.drawable.vimeo,
            R.drawable.figma, R.drawable.adobe_xd, R.drawable.sketch, R.drawable.framer,
            R.drawable.android, R.drawable.apple, R.drawable.windows,
            R.drawable.opera, R.drawable.firefox, R.drawable.safari, R.drawable.edge,
            R.drawable.paypal, R.drawable.mastercard, R.drawable.visa,
            R.drawable.bitcoin, R.drawable.ethereum
    };

    String[] Headline = {"Facebook", "Twitter", "Instagram", "SnapChat",
            "WhatsApp", "LINE", "KakaoTalk", "Telegram", "Messenger",
            "YouTube", "TikTok", "Vine", "Vimeo",
            "Figma", "Adobe XD", "Sketch", "Framer",
            "Android", "iOS", "Windows",
            "Opera", "Mozilla", "Safari", "Edge",
            "Paypal", "Mastercard", "Visa",
            "Bitcoin", "Ethereum"
    };

    String[] Subhead = {"Social Media", "Social Media", "Social Media", "Social Media",
            "Chatting App", "Chatting App", "Chatting App", "Chatting App", "Chatting App",
            "Video Streaming App", "Video Streaming App", "Video Streaming App", "Video Streaming App",
            "UI Design App", "UI Design App", "UI Design App", "UI Design App",
            "Operating System", "Operating System", "Operating System",
            "Browser App", "Browser App", "Browser App", "Browser App",
            "Payment Method", "Payment Method", "Payment Method",
            "Cryptocurrency", "Cryptocurrency"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        lv = findViewById(R.id.list);
        ListAdapter listAdapter = new ListAdapter(this, iconList, Headline, Subhead);
        lv.setAdapter(listAdapter);
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                if (position == 0) {
                    Intent intent = new Intent(view.getContext(), Facebook.class);
                    startActivityForResult(intent, 0);
                }

                //Position 1 is Twitter

                if (position == 2) {
                    Intent intent = new Intent(view.getContext(), Instagram.class);
                    startActivityForResult(intent, 0);
                }

                //Do the same thing next time

                Toast.makeText(getApplicationContext(),
                        "You have selected : " + Headline[position],
                        Toast.LENGTH_SHORT).show();

            }
        });
    }
}

Run ‘app’

Sekarang jalankan projek android studio kalian. Pada tampilan awal aplikasi, kalian melihat banyak daftar item pada ListView. Dalam item ListView, Facebook menjadi urutan pertama dalam list tersebut. Ketika kalian mengklik item facebook, maka aplikasi akan membuka activity baru. Hal serupa juga berlaku pada item ke tiga, Instagram. Jika kode di atas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar di bawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara membuka activity baru ketika item listview di klik pada aplikasi android studio. Tutorial diatas mungkin agak sedikit membingungkan untuk kalian jika kalian tidak mengikuti tutorial sebelumnya. Tetapi sebenarnya, pada tutorial ini kalian hanya perlu menambahkan beberapa line kode saja untuk membuat item pada listview membuka activity baru.

Jika kalian mendapati kendala saat melakukan tutorial di atas, silahkan berkomentar di bawah pada postingan ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

1 Comment
  1. tanishq says

    Thank You

Leave A Reply

Your email address will not be published.