Cara Buat ViewPager Sederhana di Android Studio

Hello Sobat Sederhana, kali ini kita akan membahas tentang cara membuat ViewPager sederhana di Android Studio. ViewPager adalah salah satu komponen yang sering digunakan untuk membuat tampilan UI di aplikasi Android. Dengan menggunakan ViewPager, pengguna dapat swipe ke kanan atau ke kiri untuk melihat konten yang berbeda. Berikut ini adalah cara membuat ViewPager sederhana di Android Studio.

Step 1: Buat Project Baru

Langkah pertama yang harus dilakukan adalah membuat project baru di Android Studio. Untuk membuat project baru, klik File -> New -> New Project.

Selanjutnya, isikan nama project dan pilih bahasa pemrograman yang akan digunakan. Setelah itu, klik Next.

Pada tahap selanjutnya, pilih jenis perangkat yang akan di-targetkan oleh aplikasi. Misalnya, jika ingin membuat aplikasi untuk smartphone, pilih Phone and Tablet.

Setelah itu, pilih versi minimum Android yang akan didukung oleh aplikasi. Kemudian, klik Next.

Terakhir, pilih aktivitas default untuk project baru. Pada tahap ini, pilih Tabbed Activity. Kemudian, klik Finish.

FAQ:

Step 2: Tambahkan ViewPager ke Layout

Setelah membuat project baru, selanjutnya adalah menambahkan ViewPager ke layout aplikasi. Untuk itu, buka file layout activity_main.xml dan tambahkan kode berikut:

<androidx.viewpager.widget.ViewPagerandroid:id="@+id/viewPager"android:layout_width="match_parent"android:layout_height="match_parent"></androidx.viewpager.widget.ViewPager>

Kode di atas akan menambahkan ViewPager ke layout aplikasi.

Step 3: Buat Fragment untuk Konten ViewPager

Setelah menambahkan ViewPager ke layout, selanjutnya adalah membuat fragment untuk konten ViewPager. Fragment adalah salah satu komponen Android yang digunakan untuk menampilkan tampilan UI kecil di dalam aktivitas. Untuk membuat fragment baru, klik File -> New -> Fragment -> Fragment (Blank).

Setelah itu, isikan nama fragment dan klik Finish.

Setelah membuat fragment, buka file layout untuk fragment tersebut (misalnya fragment_blank.xml) dan tambahkan kode berikut:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:background="@android:color/white"><TextViewandroid:id="@+id/textView"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:textSize="30sp"android:text="Fragment 1"/></LinearLayout>

Kode di atas akan menambahkan TextView ke dalam fragment. TextView ini akan menampilkan teks “Fragment 1” sebagai contoh.

Step 4: Tambahkan Fragment ke ViewPager

Setelah membuat fragment, selanjutnya adalah menambahkan fragment tersebut ke dalam ViewPager. Untuk itu, buka file MainActivity.java dan tambahkan kode berikut:

private ViewPager viewPager;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);viewPager = findViewById(R.id.viewPager);viewPager.setAdapter(new ViewPagerAdapter(getSupportFragmentManager()));}private class ViewPagerAdapter extends FragmentPagerAdapter {public ViewPagerAdapter(FragmentManager fm) {super(fm);}@Overridepublic Fragment getItem(int position) {switch (position) {case 0:return new BlankFragment();case 1:return new SecondFragment();case 2:return new ThirdFragment();default:return null;}}@Overridepublic int getCount() {return 3;}}public class BlankFragment extends Fragment {@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {View view = inflater.inflate(R.layout.fragment_blank, container, false);return view;}}public class SecondFragment extends Fragment {@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {View view = inflater.inflate(R.layout.fragment_second, container, false);return view;}}public class ThirdFragment extends Fragment {@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {View view = inflater.inflate(R.layout.fragment_third, container, false);return view;}}

Kode di atas akan menambahkan fragment ke dalam ViewPager. Fragment yang ditambahkan adalah BlankFragment, SecondFragment, dan ThirdFragment. Untuk setiap fragment, kita juga perlu membuat class baru dan mengimplementasikan onCreateView.

FAQ:

Step 5: Run Aplikasi

Setelah melakukan langkah-langkah di atas, selanjutnya adalah menjalankan aplikasi dan melihat hasilnya. Untuk itu, klik tombol Run pada Android Studio dan pilih perangkat yang akan digunakan untuk menjalankan aplikasi.

Setelah aplikasi dijalankan, swipe ke kanan atau ke kiri untuk melihat konten yang berbeda. Konten yang ditampilkan adalah fragment yang telah kita tambahkan ke dalam ViewPager.

Itulah cara membuat ViewPager sederhana di Android Studio. Dengan menggunakan ViewPager, kita dapat membuat tampilan UI yang lebih menarik dengan mudah.

FAQ:

Semoga Bermanfaat dan sampai jumpa di artikel menarik lainnya.

Cara Buat ViewPager Sederhana di Android Studio