项目作者: firdausmaulan

项目描述 :
Glide Image Slider
高级语言: Java
项目地址: git://github.com/firdausmaulan/GlideSlider.git
创建时间: 2017-05-29T01:55:24Z
项目社区:https://github.com/firdausmaulan/GlideSlider

开源协议:

下载


Demo

Usage

Step 1

Gradle

add jitpack.io

  1. buildscript {
  2. repositories {
  3. ...
  4. maven {
  5. url "https://jitpack.io"
  6. }
  7. }
  8. }

add GlideSlider

  1. dependencies {
  2. implementation "com.github.firdausmaulan:GlideSlider:1.6.1"
  3. }

Step 2

Add permissions (if necessary) to your AndroidManifest.xml

  1. <!-- if you want to load images from the internet -->
  2. <uses-permission android:name="android.permission.INTERNET" ></uses-permission>
  3. <!-- if you want to load images from a file OR from the internet -->
  4. <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" ></uses-permission>

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:

  1. <com.glide.slider.library.SliderLayout
  2. android:id="@+id/slider"
  3. android:layout_width="match_parent"
  4. android:layout_height="200dp"></com.glide.slider.library.SliderLayout>

There are some default indicators. If you want to use a provided indicator:

  1. <com.glide.slider.library.indicators.PagerIndicator
  2. android:id="@+id/custom_indicator"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:gravity="center"></com.glide.slider.library.indicators.PagerIndicator>

You can customize this library via styles.xml or colors.xml

styles.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources xmlns:tools="http://schemas.android.com/tools">
  3. <style name="GlideSliderCardStyle" parent="Base.CardView">
  4. <item name="android:layout_height">match_parent</item>
  5. <item name="android:layout_width">match_parent</item>
  6. </style>
  7. <style name="GlideSliderBackgroundStyle">
  8. <item name="android:layout_height">match_parent</item>
  9. <item name="android:layout_width">match_parent</item>
  10. <item name="android:background">@color/glide_slider_background_color</item>
  11. </style>
  12. <style name="GlideSliderImageStyle">
  13. <item name="android:layout_height">match_parent</item>
  14. <item name="android:layout_width">match_parent</item>
  15. </style>
  16. <style name="GlideSliderLoadingStyle" parent="Base.Widget.AppCompat.ProgressBar">
  17. <item name="android:layout_height">wrap_content</item>
  18. <item name="android:layout_width">wrap_content</item>
  19. <item name="android:layout_centerInParent">true</item>
  20. </style>
  21. <style name="GlideSliderDescriptionBackgroundStyle">
  22. <item name="android:layout_height">wrap_content</item>
  23. <item name="android:layout_width">match_parent</item>
  24. <item name="android:layout_alignParentBottom">true</item>
  25. <item name="android:background">@color/glide_slider_description_background_color</item>
  26. <item name="android:gravity">center_vertical</item>
  27. <item name="android:minHeight">30dp</item>
  28. <item name="android:orientation">vertical</item>
  29. <item name="android:paddingLeft">10dp</item>
  30. <item name="android:paddingRight">10dp</item>
  31. </style>
  32. <style name="GlideSliderDescriptionTextStyle" parent="android:Widget.TextView">
  33. <item name="android:layout_height">wrap_content</item>
  34. <item name="android:layout_width">match_parent</item>
  35. <item name="android:textColor">@color/glide_slider_description_color</item>
  36. <item name="android:fontFamily" tools:targetApi="jelly_bean">sans-serif</item>
  37. </style>
  38. </resources>

colors.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <color name="glide_slider_background_color">#000000</color>
  4. <color name="glide_slider_indicator_color">#FFFFFF</color>
  5. <color name="glide_slider_description_color">#FFFFFF</color>
  6. <color name="glide_slider_description_background_color">#77000000</color>
  7. </resources>

Thanks