Android | Membuat Slide Show

Oke ini tutorial buat anak D4 ITB yang berada di Seamolec yang kemaren request cara buat Slide Show  & pembaca Ketikan Pelajar Bodoh ,
#gaya banget pake request segala :p

Yuk langsung aja , 
 nih tampilan Slide Show

oke langsung aja tanpa basa basi :p
  • Buat project File -> New -> Android Project dan beri nama Activity  MainActivity (default aja deh :p )
  • Buka activity_main.xml dan beri code seperti di bawah ini :

 
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <ViewFlipper
        android:id="@+id/flipper1"
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="0dp"
        android:flipInterval="3000"
        android:inAnimation="@android:anim/slide_in_left"
        android:outAnimation="@android:anim/slide_out_right" >

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img1"
            android:src="@drawable/atas1" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img2"
            android:src="@drawable/atas2" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:contentDescription="@string/str_img2"
            android:src="@drawable/atas3" />
    </ViewFlipper>

</RelativeLayout>  
  • Buat Folder  Drawable dan beri 3 gambar , ! 
    • atas3
    • atas2
    • atas1
  • Buka Folder values -> strings.xml , berikan code seperti di bawah
    <?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">Splash</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
 <string name="str_img1">Image1</string>
    <string name="str_img2">Image2</string>
    <string name="str_img3">Image3</string>
</resources>  
  • Lanjut lagi , buka MainActivity.java di dalam folder src , beri code seperti di bawah ini 
    package ketikanpelajarbodoh.slide;


import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ViewFlipper;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		int mFlipping = 0 ;
		super.onCreate(savedInstanceState);
		
		setContentView(R.layout.activity_main);
		
		 {
				ViewFlipper flipper = (ViewFlipper) findViewById(R.id.flipper1);
				
				
				if(mFlipping==0){
					/** Start Flipping */
					flipper.startFlipping();
					mFlipping=1;
					
				}
				else{
					/** Stop Flipping */
					flipper.stopFlipping();					
					mFlipping=0;
					
				}
			}
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}
  
selesaiii . . . 
oke sekarang waktu'nya di coba :v



nih link buat download 

oke sekarang waktunya penjelasan coding , walaupun gw juga belum jelas" banget sih :p , maklum sekalian belajar :D , nama'nya juga pelajar yang belum pintar :p

  •  Lihat code , activity_main.xml
    // kegunaan dari view adalah seperti bos , dengan banyak pengawal di belakang :p
 // menurut saya sih :v
 <ViewFlipper
        android:id="@+id/flipper1"
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="0dp"
        android:flipInterval="3000"
		// yang terpenting di sini nih , inAnimation & outAnimation :
		// berguna untuk masukan animasi dan mengeluarkan , 	
        android:inAnimation="@android:anim/slide_in_left"
        android:outAnimation="@android:anim/slide_out_right" >  
  • String.xml , masuk 
    <?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">Splash</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
	// disini kita menambahkan string baru , yang di gunakan , di activity_main.xml
	// android:contentDescription="@string/str_img2" 
	<string name="str_img1">Image1</string>
    <string name="str_img2">Image2</string>
    <string name="str_img3">Image3</string>
</resources> 


  • nah selanjut'nya pada MainActivity

    // kita membuat variable yang bernama'kan mFlipping , dengan value 10
int mFlipping = 0 ;
		super.onCreate(savedInstanceState);
		
		setContentView(R.layout.activity_main);
		
		 {		//medeklarasikan ViewFlipper yang berada di activity_main , dengan mengambil id
				ViewFlipper flipper = (ViewFlipper) findViewById(R.id.flipper1);
				
				
				if(mFlipping==0){
					/** memulai Flipping */
					flipper.startFlipping();
					mFlipping=1;
					
				}
				else{
					/** menghentikan Flipping */
					flipper.stopFlipping();					
					mFlipping=0;
					
				}
			}
Sekian dari saya , bila masih bingung , bisa di tanyakan melali media sosial , atau bisa komentar di blog ini :)

Post a Comment

notifikasi
close