Kita akan membahas tentang cara membuat intro slider di android dengan android studio. Karena kita juga akan menggunakan splashscreen jadi silahkan anda lihat artikel ini terlebih dahulu Membuat SplashScreen di Android, kami juga akan menggunakan source codenya. Kita akan menggunakan AppIntro, lalu hasil dari tutorial kali ini akan seperti ini

Membuat Intro Slider di Android

 

Intro Slider di Android

Seperti yang kami sampaikan diatas, kita akan menggunakan library jadi langkah pertama adalah menambahkan Dependencies. Tambahkan kode dibawah ini kedalam gradle

implementation 'com.github.apl-devs:appintro:v4.2.0'

lalu kode dibawah ini ke allproject > build.gradle

allprojects {
  repositories {
    ...
          maven { url 'https://jitpack.io' }
  }
}

Selanjutanya buat java class dan simpan dengan nama Introscreen, kemudian salin kode dibawah ini

public class Introscreen  extends AppIntro {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        Fragment slide1 = new slide1();
        Fragment slide2 = new slide2();

        addSlide(slide1);
        addSlide(slide2);

    }


    @Override
    public void onSkipPressed(Fragment currentFragment) {
        super.onSkipPressed(currentFragment);
    }

    @Override
    public void onDonePressed(Fragment currentFragment) {
        super.onDonePressed(currentFragment);

    }

    @Override
    public void onSlideChanged(@Nullable Fragment oldFragment, @Nullable Fragment newFragment) {
        super.onSlideChanged(oldFragment, newFragment);

    }


}

kami menggunakan akan menggunakan fragment agar lebih leluasa dalam memaksimalkan desain nantinya. Buat dua fragment dengan nama Slide1 dan Slide2. Berikut isi dari Slide1

package com.tukangaplikasi.splashscreen;

import android.content.Context;
import android.net.Uri;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class slide1 extends Fragment {


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_slide1, container, false);
    }

}

xml slide satu

<?xml version="1.0" encoding="utf-8"?>
<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:background="@color/colorPrimary"
tools:context=".slide1">

<!-- TODO: Update blank fragment layout -->
    <ImageView
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/logo"
        android:id="@+id/logo"
        />
<TextView
    android:layout_below="@id/logo"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Jasa Pembuatan Aplikasi Desktop, Website dan Mobile"
    android:layout_centerHorizontal="true"
    android:textColor="#FFFF"
    android:textStyle="bold"
    />

</RelativeLayout>

Kemudian isi dari fragment Slide2



package com.tukangaplikasi.splashscreen;

import android.content.Context;
import android.net.Uri;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;



public class slide2 extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_slide2, container, false);
    }

}

dan layoutnya

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary"
    >

    <TextView
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Untuk info lebih lanjut kunjungi https://tukangaplikasi.com" />

</RelativeLayout>

Sekian artikel tentang Membuat Intro Slider di Android, semoga bermanfaat. Untuk melihat artikel tentang android lainnya dapat dilihat di sini.

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Kami memberikan tutorial baru tiap harinya !!!

You have Successfully Subscribed!