Cara Menggunakan Library Daimajia Untuk Membuat Image Slider URL di Android Studio

Tutorial Cara Membuat Image Slider menggunakan URL di android studio

Halo android programmer, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Pada kesempatan kali ini, saya akan membagikan tutorial tentang cara mudah membuat image slider dengan URL menggunakan library daimajia di Android Studio.

Sebelumnya, saya sudah pernah membagikan Cara Membuat Image Slider Menggunakan ViewPager Di Android Studio. Pada tutorial tersebut, kalian tidak menggunakan library tambahan untuk membuat image slider. Tetapi kalian harus menambahkan image (gambar) ke dalam project android studio agar bisa berjalan.

Dengan menggunakan library dari daimajia, kalian tidak perlu repot-repot untuk menambahkan image kedalam project android studio. Dengan menggunakan library ini kalian bisa menggunakan url gambar dari internet. Tentu dengan begitu, aplikasi kalian harus menambahkan permission untuk terhubung dengan internet agar aplikasi berjalan dengan sempurna.

- Advertisement -

Jadi disini kalian akan belajar cara membuat aplikasi android untuk menampilkan image slider hanya dengan URL menggunakan library daimajia.

Tutorial Cara Membuat Image Slider Hanya Dengan URL Menggunakan Library Daimajia Di Android Studio

Buatlah project android studio baru dengan informasi sebagai berikut:

Application Name:Slider App
Package Name:com.androidrion.sliderapp
Languge:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam project ini:

  1. activity_main.xml

Daftar file java class yang digunakan dalam project ini:

  1. MainActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Slider App.

Library File

Buka file build.gradle (Module: app) pada project Android Studio kalian. Tambahkan library picasso, nineoldandroids dan daimajia.slider. Berikut ini adalah kode lengkap untuk file build.gradle (Module: app)

Gradle Scripts/build.gradle (Module: app)

apply plugin: 'com.android.application'

android {
    compileSdkVersion 29
    buildToolsVersion "29.0.2"
    defaultConfig {
        applicationId "com.androidrion.sliderapp"
        minSdkVersion 15
        targetSdkVersion 29
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.13'
    androidTestImplementation 'androidx.test.ext:junit:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
    implementation 'com.squareup.picasso:picasso:2.3.2'
    implementation 'com.nineoldandroids:library:2.4.0'
    implementation 'com.daimajia.slider:library:[email protected]'
}

Lakukan sinkronisasi setelah kalian menambahkan kode di atas dengan cara menekan tombol sync yang muncul pada aplikasi android studio kalian.

XML Layout File

Buka file activity_main.xml dalam folder layout. Tambahkan widget SliderLayout dari library daimajia. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?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"
    tools:context=".MainActivity">

    <com.daimajia.slider.library.SliderLayout
        android:id="@+id/daimajia_slider_image"
        android:layout_width="match_parent"
        android:layout_height="250dp" />

</RelativeLayout>

Java Class File

Buka file MainActivity dalam folder java. Untuk membuat banyaknya slider yang akan di tampilkan pada aplikasi, kita perlu menambahkan method HashMap. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.sliderapp/MainActivity.java

AndroidManifest File

Buka file AndroidManifest.xml dan tambahkan permission INTERNET. Berikut ini adalah kode lengkap untuk file AndroidManifest.xml

app/manifests/AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    package="com.androidrion.sliderapp">

    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme"
        tools:ignore="AllowBackup,GoogleAppIndexingWarning">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Run Project

Jika semua kode ditambahkan, sekarang jalankan project android studio. Apabila kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada video dibawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara membuat image slider dengan URL menggunakan library daimajia di android studio. Tutorial diatas sangatlah mudah dikerjakan karena kita tidak memerlukan file java class tambahan untuk membuat image slider.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

Download Project

Untuk download project pada tutorial ini, silahkan klik tombol dibawah ini.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.