Cara Menggunakan Library Daimajia Untuk Membuat Image Slider 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:
- activity_main.xml
Daftar file java class yang digunakan dalam project ini:
- 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 -