firdausmaulan / Glideslider
Glide Image Slider
Stars: ✭ 163
Programming Languages
java
68154 projects - #9 most used programming language
Projects that are alternatives of or similar to Glideslider
Vue Glide
A slider and carousel as vue component on top of the Glide.js
Stars: ✭ 225 (+38.04%)
Mutual labels: glide, carousel
MediaSliderView
Pure java based, highly customizable media slider gallery supporting both images and videos for android.
Stars: ✭ 85 (-47.85%)
Mutual labels: carousel, glide
CarouselGifViewer
Efficiently display a list of GIFs in a carousel (RecyclerView).
Stars: ✭ 33 (-79.75%)
Mutual labels: carousel, glide
Nativescript Carousel
Carousel component for NativeScript (iOS/Angular + TS, Angular, Vue)
Stars: ✭ 156 (-4.29%)
Mutual labels: carousel
Glidex
glidex.forms is a library using Glide for faster Xamarin.Forms images on Android. Find out more about Glide at https://github.com/bumptech/glide
Stars: ✭ 162 (-0.61%)
Mutual labels: glide
Just Another Android App
An Android base app with loads of cool libraries/configuration NOT MAINTAINED
Stars: ✭ 1,654 (+914.72%)
Mutual labels: glide
Coolweather
Weather App that uses Android best practices. Android Jetpack, clean architecture. Written in Kotlin
Stars: ✭ 154 (-5.52%)
Mutual labels: glide
Ximalayakotlin
🔥 一个模仿企鹅 FM 界面的 Android 应用—喜马拉雅Kotlin。完全使用 Kotlin 开发。有声资源和播放器由喜马拉雅 SDK 提供。An unofficial Ximalaya FM client for Android entirely written using Kotlin language.
Stars: ✭ 151 (-7.36%)
Mutual labels: glide
Svelte Carousel
A super lightweight, super simple Carousel for Svelte 3
Stars: ✭ 144 (-11.66%)
Mutual labels: carousel
React Touch Carousel
Ultra-customizable carousel framework for React.JS
Stars: ✭ 158 (-3.07%)
Mutual labels: carousel
Xam.plugin.simpleappintro
Just a nice and simple AppIntro for your Xamarin Forms project
Stars: ✭ 139 (-14.72%)
Mutual labels: carousel
Cardslider
Card Slider is an android component allows you to implement carousel effect with infinite indicators and more features
Stars: ✭ 160 (-1.84%)
Mutual labels: carousel
Xsnow
💮基于RxJava2+Retrofit2精心打造的Android基础框架,包含网络、上传、下载、缓存、事件总线、权限管理、数据库、图片加载,基本都是项目中必用功能,每个模块充分解耦,可自由拓展。
Stars: ✭ 1,678 (+929.45%)
Mutual labels: glide
Mvvmarchitecture
MVVM 框架,采用 Kotlin+Jetpack,可自由配置功能,欢迎 star,fork,issue
Stars: ✭ 159 (-2.45%)
Mutual labels: glide
React Items Carousel
Items Carousel Built with react-motion and styled-components
Stars: ✭ 150 (-7.98%)
Mutual labels: carousel
Pscarouselview
A drop-in carousel view. Most of Apps put it in their first screen.
Stars: ✭ 149 (-8.59%)
Mutual labels: carousel
Juzimi
句子迷APP,MVP架构,Okhttp + Retrofit + RxJava,图片加载Glide,数据库Object-box
Stars: ✭ 156 (-4.29%)
Mutual labels: glide
- Edited from https://github.com/daimajia/AndroidImageSlider
- Change image loader from Picasso to Glide
Demo
Usage
Step 1
Gradle
add jitpack.io
buildscript {
repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.5.1'
}
}
allprojects {
repositories {
google()
jcenter()
mavenCentral()
maven {
url "https://jitpack.io"
}
}
}
add GlideSlider
dependencies {
implementation 'androidx.appcompat:appcompat:1.1.0'
implementation "com.github.bumptech.glide:glide:4.9.0"
annotationProcessor "com.github.bumptech.glide:compiler:4.9.0"
implementation "com.github.firdausmaulan:GlideSlider:1.5.1"
}
Step 2
Add permissions (if necessary) to your AndroidManifest.xml
<!-- if you want to load images from the internet -->
<uses-permission android:name="android.permission.INTERNET" />
<!-- if you want to load images from a file OR from the internet -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
Note: If you want to load images from the internet, you need both the INTERNET
and READ_EXTERNAL_STORAGE
permissions to allow files from the internet to be cached into local storage.
If you want to load images from drawable, then no additional permissions are necessary.
Step 3
Add the Slider to your layout:
<com.glide.slider.library.SliderLayout
android:id="@+id/slider"
android:layout_width="match_parent"
android:layout_height="200dp"/>
There are some default indicators. If you want to use a provided indicator:
<com.glide.slider.library.indicators.PagerIndicator
android:id="@+id/custom_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"/>
You can customize this library via styles.xml or colors.xml
styles.xml
<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:tools="http://schemas.android.com/tools">
<style name="GlideSliderCardStyle" parent="Base.CardView">
<item name="android:layout_height">match_parent</item>
<item name="android:layout_width">match_parent</item>
</style>
<style name="GlideSliderBackgroundStyle">
<item name="android:layout_height">match_parent</item>
<item name="android:layout_width">match_parent</item>
<item name="android:background">@color/glide_slider_background_color</item>
</style>
<style name="GlideSliderImageStyle">
<item name="android:layout_height">match_parent</item>
<item name="android:layout_width">match_parent</item>
</style>
<style name="GlideSliderLoadingStyle" parent="Base.Widget.AppCompat.ProgressBar">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_centerInParent">true</item>
</style>
<style name="GlideSliderDescriptionBackgroundStyle">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="android:layout_alignParentBottom">true</item>
<item name="android:background">@color/glide_slider_description_background_color</item>
<item name="android:gravity">center_vertical</item>
<item name="android:minHeight">30dp</item>
<item name="android:orientation">vertical</item>
<item name="android:paddingLeft">10dp</item>
<item name="android:paddingRight">10dp</item>
</style>
<style name="GlideSliderDescriptionTextStyle" parent="android:Widget.TextView">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="android:textColor">@color/glide_slider_description_color</item>
<item name="android:fontFamily" tools:targetApi="jelly_bean">sans-serif</item>
</style>
</resources>
colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="glide_slider_background_color">#000000</color>
<color name="glide_slider_indicator_color">#FFFFFF</color>
<color name="glide_slider_description_color">#FFFFFF</color>
<color name="glide_slider_description_background_color">#77000000</color>
</resources>
Example
- [Example Project]https://github.com/firdausmaulan/GlideSlider-Example)
Thanks
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].