Android Studio : Cara Membuat Slideshow Images di Android Studio
Jurnalcode.com

Android Studio : Cara Membuat Slideshow Images di Android Studio


Jurnalcode : Tutorial Lanjutan dari pembahasan pemograman Android adalah bagaimana cara membuat Slideshow Images di Android Studio.  pada tutorial sebelum nya kita sudah membahas tentang bagaimana membuat WebView  di androis App .  Untuk membuat slide kali ini kita memanfaatkan ViewFlipper . mari kita bahas step by step untuk membuat slideshow di android studio.

Langkah Pertama silahkan buat project baru di android studio kesanyangan kita lihat langkah dibawah :

Selajutnya Pilih android Minimum

Silajkan Pilih Empty activity

Klik Finish Untuk Menyelesaikan konfigurasi

 

Kemudian Buka Activity_main.xml silahkan isikan code berikut :

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:layout_weight="10"
    tools:context=".MainActivity">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="230dp"
        android:layout_weight="2"
        android:layout_marginBottom="20dp">

        <ViewFlipper
            android:id="@+id/v_flipper"
            android:layout_width="match_parent"
            android:layout_height="230dp"
            android:layout_centerHorizontal="true">
        </ViewFlipper>
    </RelativeLayout>
</LinearLayout>

 

Selanjutnya Kita import gambar slidenya ke folder res>drawable silahkan copy dan paste image nya ke dalam folder tersebut setelah masuk silahkan beri ID setiap images . contoh ID nya slide1,slide2dan slide3 .  langkah selanjutnya silahkan buka MainActivity dan isikan code berikut :

package com.example.jurnalcode.slideshowjurnalcode;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.ViewFlipper;

public class MainActivity extends AppCompatActivity {

    ViewFlipper v_flipper;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        int images[] = {R.drawable.slide1, R.drawable.slide2, R.drawable.slide3};
        v_flipper = findViewById(R.id.v_flipper);

        for (int i =0; i<images.length; i++){
            fliverImages(images[i]);
        }
        for (int image: images)
            fliverImages(image);

    }
    public  void  fliverImages(int images){
        ImageView imageView = new ImageView(this);
        imageView.setBackgroundResource(images);

        v_flipper.addView(imageView);
        v_flipper.setFlipInterval(4000);
        v_flipper.setAutoStart(true);

        v_flipper.setInAnimation(this,android.R.anim.slide_in_left);
        v_flipper.setOutAnimation(this,android.R.anim.slide_out_right);

    }
}

 

Kemudian silahkan Run Project kita dan lihat hasilnya. jika berhasil maka hasilnya seperti gambar di bawah :

 

Selamat Mencoba, semoga berhasil . salam coder

 

 

.

Ayo Komentar