Cara berpindah activity menggunakan ListView Android Studio Kotlin
Cara Berpindah Activity menggunakan ListView Android StudioOleh Wildan M Athoillah 07.35 Show
Pada contoh project berikut ini, misalnya kita membuat sebuah aplikasi yang menampilkan list mahasiswa, pada masing-masing item didalam list tersebut hanya menampilkan Namanya saja, saat user mengklik salah satu nama tersebut, maka akan berpindah pada activity lain yang menampilkan identitas dari nama yang diklik tersebut, misalnya NIM, Jurusan dan Semester. Materi lainnya yang direkomendasikan:
Cara Berpindah Activity menggunakan ListView Android Studio 1) Buka aplikasi Android Studio kalian, Buat Project Baru. 2) Buka file activity_main.xml kalian, pada activity tersebut kita tambahkan ListView seperti pada gambar berikut ini.
View: Data pada ListView tersebut masih kosong, disini kita akan menambahkan data pada ListView, menggunakan sebuah Array dan juga ArrayList, data tersebut akan kita implementasikan secara static, yaitu langsung pada codingannya. 3) Buat Activity baru, berinama, misalnya "DataMahasiswa", Activity tersebut digunakan untuk menampilkan data mahasiswa dari salah satu item yang diklik. Pada actuvuty tersebut kita cukup menggunakan beberapa TextView saja.
package android.cianjur.developer.net.basicandroid; /* Dibuat Oleh WILDAN M ATHOILLAH */ import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.ListView; import java.util.ArrayList; import java.util.Collections; public class MainActivity extends AppCompatActivity{ //Data-Data yang Akan dimasukan Pada ListView private String[] mahasiswa = {"Wildan","Taufan","Adibil","Hari","Adam"}; //ArrayList digunakan Untuk menampung Data mahasiswa private ArrayList package android.cianjur.developer.net.basicandroid; import android.annotation.SuppressLint; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.TextView; public class DataMahasiswa extends AppCompatActivity { //Deklarasi Variable private TextView GetNIM, GetNama, GetJurusan, GetSemester; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_data_mahasiswa); getSupportActionBar().setTitle("Data Mahasiswa"); GetNIM = findViewById(R.id.getnim); GetNama = findViewById(R.id.getnama); GetJurusan = findViewById(R.id.getjurusan); GetSemester = findViewById(R.id.getsemester); showData(); } @SuppressLint("SetTextI18n") private void showData(){ //Mendapatkan Nama Mahasiswa dari Activity sebelumnya String nama = getIntent().getExtras().getString("MyName"); //Menentukan identitas yang ditampilkan bedasarkan nama yang dipilih switch (nama){ case "Wildan": GetNIM.setText("NIM: 17720004"); GetNama.setText("Nama: Wildam M Athoillah"); GetJurusan.setText("Jurusan: Teknik Informatika"); GetSemester.setText("Semester: 2"); break; case "Taufan": GetNIM.setText("NIM: 17720005"); GetNama.setText("Nama: Taufan Artha"); GetJurusan.setText("Jurusan: Ekonomi"); GetSemester.setText("Semester: 5"); break; case "Adibil": GetNIM.setText("NIM: 17720006"); GetNama.setText("Nama: Adibil Muchtar"); GetJurusan.setText("Jurusan: Akuntansi"); GetSemester.setText("Semester: 6"); break; case "Hari": GetNIM.setText("NIM: 17720007"); GetNama.setText("Nama: Hari"); GetJurusan.setText("Jurusan: Management Informatika"); GetSemester.setText("Semester: 4"); break; case "Adam": GetNIM.setText("NIM: 17720008"); GetNama.setText("Nama: Adam Makmur"); GetJurusan.setText("Jurusan: Fakultas Ilmu Komunikasi"); GetSemester.setText("Semester: 8"); break; } } } Demo: Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan. Wildan M Athoillah Blogger dan spesialis pembuat aplikasi android. Berbagi
Custom ListView Android + User Interaction dengan KotlinDalam tutorial yang saya tulis kali ini, kita akan membuat sebuah aplikasi android dimana terdapat ListView yang menampilkan gambar dan teks, dan apabila item pada ListView tersebut ditekan (click) maka akan berpindah ke activity yang akan menampilkan detail daripada item tersebut. Dengan mempelajari tutorial ini, diharapkan anda dapat terbiasa dengan ListView, dan aplikasi yang akan kita buat kali ini adalah daftar mata kuliah, secara garis besar, kita akan mempelajari hal-hal berikut:
Tutorial Cara Membuka Activity Baru Ketika Item ListView di KlikPada 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 FileBuatlah 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 FileBuka 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 KATAItulah 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. Download Membuat Project BaruBuatlah project baru bernama Kotlin List dan jangan lupa untuk memilih include kotlin support: Klik Next… Klik Next… Klik finish… Setelah itu, untuk memastikan versi library yang kamu gunakan sama dengan versi pada tutorial ini. Silahkan buka file build.gradle (app). Pastikan versi yang digunakan seperti ini ya…
apply plugin: 'com.android.application' apply plugin: 'kotlin-android' apply plugin: 'kotlin-android-extensions' android { compileSdkVersion 27 defaultConfig { applicationId "com.petanikode.kotlinlist" minSdkVersion 16 targetSdkVersion 27 versionCode 1 versionName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { implementation fileTree(dir: 'libs', include: ['*.jar']) implementation"org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" implementation 'com.android.support:appcompat-v7:27.1.0' implementation 'com.android.support.constraint:constraint-layout:1.1.2' testImplementation 'junit:junit:4.12' androidTestImplementation 'com.android.support.test🏃♂️1.0.2' androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2' } Setelah itu klik Sync Now: Tunggu sampai proeses Sync selesai. Setelah itu silahkan lanjutkan… Apa Itu ListView ?ListView adalah salah satu widget yang digunakan untuk menampilkan data atau nilai dalam bentuk daftar/list, nilai atau data yang ditampilkan pada ListView tersebut didapat dari sebuah Array atau Database yang sudah ditentukan.ListView merupakan user interface pada Android Studio yang menampilkan item-item dari sekumpulan daftar yang tersusun berbaris ke bawah atau kesamping dengan tampilan yang dapat scroll. Memulai aktivitas lain
Setelah menyelesaikan tutorial sebelumnya, kini Anda memiliki aplikasi yang menunjukkan aktivitas yang terdiri dari satu layar dengan kolom teks dan tombol Send. Pada tutorial ini, Anda akan menambahkan beberapa kode ke MainActivity yang memulai aktivitas baru untuk menampilkan pesan saat pengguna mengetuk tombol Send. Catatan: Tutorial ini mengasumsikan bahwa Anda menggunakan Android Studio v3.0 atau yang lebih tinggi.Merespons tombol SendIkuti langkah berikut untuk menambahkan metode ke class MainActivity yang dipanggil saat tombol Send diketuk:
|
