Cara Membuat ViewPager di Android Studio

Februari 02, 2018 0 Comments

بسم الله الرحمن الرحيم
Cara Membuat ViewPager di Android Studio




Assalamualaikum....

Hari ini saya akan membagi ilmu tentang bagaimana cara membuat ViewPager, tapi sebelum itu kita akan membahas apa itu ViewPager...



Baiklah, ViewPager adalah page widget yang berfungsi untuk menampung fragment dan jika ada lebih dari satu fragment yang ditampung oleh ViewPager, maka ViewPager dapat di geser atau diswipe untuk berpindah dari satu fragment ke fragment lainnya...


Baiklah, kita akan membuat ViewPager.. Pertama-tama kalian buat project baru lalu kasih nama Project-nya "ViewPager" Lalu kalian pilih empty activity,...


Lalu, kalian buka MainActivity.java lalu setelah itu kasih kode seperti ini:
( copy aja gak apa-apa )

  1. package example.com.viewpager;
  3. import android.support.v4.app.Fragment;
  4. import android.support.v4.app.FragmentManager;
  5. import android.support.v4.app.FragmentPagerAdapter;
  6. import android.support.v4.view.ViewPager;
  7. import android.support.v7.app.AppCompatActivity;
  8. import android.os.Bundle;
  10. import java.util.ArrayList;
  11. import java.util.List;
  13. public class MainActivity extends AppCompatActivity {
  15.     @Override
  16.     protected void onCreate(Bundle savedInstanceState) {
  17.         super.onCreate(savedInstanceState);
  18.         setContentView(R.layout.activity_main);
  20.         ViewPager vp = (ViewPager) findViewById(R.id.viewPager);
  21.         setupViewPager(vp);
  23.     }
  25.     private void setupViewPager(ViewPager viewPager) {
  26.         Adapter adapter = new Adapter(getSupportFragmentManager());
  27.         adapter.addFragment(new FragmentOne());
  28.         adapter.addFragment(new FragmentTwo());
  29.         viewPager.setAdapter(adapter);
  30.     }
  32.     static class Adapter extends FragmentPagerAdapter {
  33.         private final List<Fragment> mFragmentList = new ArrayList<>();
  34.         private final List<String> mFragmentTitleList = new ArrayList<>();
  36.         public Adapter(FragmentManager manager) {
  37.             super(manager);
  38.         }
  40.         @Override
  41.         public Fragment getItem(int position) {
  42.             return mFragmentList.get(position);
  43.         }
  45.         @Override
  46.         public int getCount() {
  47.             return mFragmentList.size();
  48.         }
  50.         public void addFragment(Fragment fragment) {
  51.             mFragmentList.add(fragment);
  52.         }
  54.         @Override
  55.         public CharSequence getPageTitle(int position) {
  56.             return mFragmentTitleList.get(position);
  57.         }
  58.     }
  60. }

Lalu setelah itu kalian Buka activity_main.xml Lalu kasih kode seperti ini

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. tools:context="example.com.viewpager.MainActivity"
  8. android:padding="16dp">
  9. <android.support.v4.view.ViewPager
  10. android:id="@+id/viewPager"
  11. android:layout_width="match_parent"
  12. android:layout_height="match_parent" />
  13. </LinearLayout>

Lalu, setelah itu kalian klik layout --> new --> new activity --> new fragment --> blank fragment
jika sudah maka kasih Kode-nya seperti ini:

  1. package example.com.viewpager;
  3. import android.os.Bundle;
  4. import android.support.v4.app.Fragment;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  9. public class FragmentTwo extends Fragment {
  11.     @Override
  12.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  13.         View rootView = inflater.inflate(R.layout.fragment_two, container, false);
  15.         return rootView;
  16.     }


Lalu setelah itu kita bikin lagi fragmen baru seperti di atas ( layout --> new --> new activity --> new fragmen --> blank fragment )
jika sudah maka kasih kode seperti ini:

  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context="mukminullah.com.viewpager.FragmentTwo">
  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:gravity="center"
  11.         android:text="Fargment Two"
  12.         android:background="#ff9b9b"/>
  14. </FrameLayout>

Lalu setelah itu coba kalian tekan tombol Run maka hasilnya pun jadi
seperti ini:

Wassalamualaikum.wr.wb

Assalaualaikum wr wb Perkenalkan nama saya muhammad azhar dan saya tinggal di Depok Jawa Barat,’ Dan Saat ini saya sedang Menuntut Ilmu di Sekolah IDN di Jonggol’dan Lebih tepatnya di Bogor’Kalau ada Kesalahan atau apalah silahkan komen di bawah ini dan atau dengan memasukkan email saya azhardevelop@gmail.com ke dalam hangout kalian :)

0 komentar:

Langganan: Posting Komentar (Atom)