Tutorial Membuat View Pager Android

Hai, Kali ini saya akan membuat tutorial tentang android yaitu "View Pager"

lihat penjelasan tentang viewpager di bawah ini

Apa itu View Pager??

View Pager adalah salah satu komponen view pada android, yang di sediakan pada para developer untuk membuat design yang dapat beranimasi, maksudnya design di sini adalah suatu atau kumpulan object baik berupa komponen view lainnya seperti layout, input, listview, textview, image dan lain-lain.

animasi yang dapat di buat pada View pager dapat berupa animasi slide (geser), rotasi (berputar) baik berputar seperti putaran jarum atau berputar dua dimensi front => back atau sebaliknya…

View Pager yang kali ini dibuat adalah view pager sederhana yaitu view pager yang slide berganti dari kanan ke kiri dan sebaliknya, untuk implementasi yang lebih kompleks pembaca dapat mengimprofisasi kembali metode code yang dibuat dengan konsep yang sama..

sebelumnya saya akan beranggapan bahwa pembaca yang hendak menggunakan komponen View Pager adalah pembaca yang sudah paham apa kebutuhan development android pada Os windows dan sudah pernah membuat minimalnya satu project Andorid dengan design standar yang umum seperti menggunakan layout, textview, menambah image dan lain-lain.

lebih lengkap nya silahkan kunjungi blog dibawah ini ↓

https://alfarabidk.wordpress.com/2013/04/26/membuat-aplikasi-dengan-view-pager-pada-android/

Bagaimana cara membuat nya??

jika anda ingin tahu cara membuatnya silahkan ikuti langkah - langkah berikut ini

• Kalian Harus membuat project baru dan beri nama project nya viewpager dan pilih activity nya emptyactivity 
  
• Copy code javascript ini untuk ViewPagerActivity

    package com.blogspot.ahyadevelopers.androidbasic;
import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;
    public class ViewPagerActivity extends AppCompatActivity {

        String judul[] = {
//Judul ini bisa apa saja                "a",                "b",                "c"
        };
        int gambar[] = {
//Drawable ini bisa ditambahkan gambar apa saja                R.drawable.a,                R.drawable.b,                R.drawable.c        };
        String deskripsi[] = {
                "",                "",                ""        };


        ViewPager viewPager;        PagerAdapter adapter;        @Override        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);            setContentView(R.layout.activity_view_pager);
            viewPager = (ViewPager) findViewById(R.id.pager);            adapter = new ViewPagerAdapter(ViewPagerActivity.this, judul, gambar, deskripsi);            viewPager.setAdapter(adapter);
        }
    }

• Code Untuk XML ViewPagerActivity

<android.support.v4.view.ViewPager    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:id="@+id/pager">
</android.support.v4.view.ViewPager>

• Code untuk XML listgaleri

<TextView    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:textAppearance="?android:attr/textAppearanceMedium"    android:textStyle="bold"    android:fontFamily="casual"    android:id="@+id/txtjudul"    android:text="Medium Text"    android:layout_gravity="center_horizontal"    android:gravity="center_horizontal"    android:layout_marginTop="4dp"/>
<ImageView    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:id="@+id/imgview"    android:src="@drawable/a"/>
    <ScrollView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_below="@id/imgview">
        <TextView            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:textAppearance="?android:attr/textAppearanceSmall"            android:text="Deskripsi"            android:id="@+id/desk"            android:padding="8dp"/>
    </ScrollView>

• Code untuk ViewPagerAdapter

package com.blogspot.ahyadevelopers.androidbasic;
import android.content.Context;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.RelativeLayout;import android.widget.TextView;
/** * Created by Mochamad Ahya Satari on 2/1/2018. */
class ViewPagerAdapter extends PagerAdapter {

    String judul [];    String deskripsi [];    int gambar [];    Context context;    LayoutInflater inflater;
    public ViewPagerAdapter(ViewPagerActivity viewPagerActivity, String[] judul, int[] gambar, String[] deskripsi) {
        this.context = viewPagerActivity;        this.judul = judul;        this.gambar = gambar;        this.deskripsi = deskripsi;    }

    @Override    public int getCount() {
        return gambar.length;    }

    @Override    public boolean isViewFromObject(View view, Object object) {
        return view == ((RelativeLayout) object);    }

    @Override    public Object instantiateItem(ViewGroup container, int position) {
        inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);        View v = inflater.inflate(R.layout.listgaleri, container, false);
        TextView jdl = (TextView)v.findViewById(R.id.txtjudul);        TextView desk = (TextView)v.findViewById(R.id.desk);        ImageView img = (ImageView)v.findViewById(R.id.imgview);
        jdl.setText(judul[position]);        desk.setText(deskripsi[position]);        img.setImageResource(gambar[position]);        ((ViewPager) container).addView(v);        return v;    }

    @Override    public void destroyItem(ViewGroup container, int position, Object object) {
        ((ViewPager) container).removeView((RelativeLayout) object);    }
}

Notes:

          ViewPagerAdapter = Javascript (Buat Class baru)

          listgaleri                  = XML        (Buat XML Baru)

Oke Terima Kasih Atas Waktu nya untuk membuat ViewPager ini 

Semoga Bermanfaat🤗🤗