Wednesday, July 3, 2019

Android Image Slider

Tags




1. Copy di bagian gradel

dependencies { implementation "com.android.support:support-v4:28.0.0" implementation 'com.squareup.picasso:picasso:2.3.2' implementation 'com.nineoldandroids:library:2.4.0' implementation 'com.daimajia.slider:library:1.1.5@aar' }

2. Di bagian AndroidnManifast gunakan Permission

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

3. bagian layout create slider.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:id="@+id/slider" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.heru.imageslider.Slider">
<com.daimajia.slider.library.SliderLayout android:id="@+id/slider" android:layout_width="match_parent" android:layout_height="200dp" /> </RelativeLayout>

4. Variabel public
private SliderLayout sliderLayout;

5. Slider.java

sliderLayout = (SliderLayout) findViewById(R.id.slider); // Load image dari URL HashMap<String,String> f_url= new HashMap<String, String>(); f_url.put("Gambar1", "http://thegorbalsla.com/wp-content/uploads/2018/08/Bukit-Doa-Tomohon-Manado-700x472.jpg"); f_url.put("Gambar2", "http://thegorbalsla.com/wp-content/uploads/2018/08/Bukit-Doa-Tomohon-Manado-700x472.jpg"); f_url.put("Gambar3, "http://thegorbalsla.com/wp-content/uploads/2018/08/Bukit-Doa-Tomohon-Manado-700x472.jpg"); f_url.put("Gambar4", "http://thegorbalsla.com/wp-content/uploads/2018/08/Bukit-Doa-Tomohon-Manado-700x472.jpg");
// Load Image Dari res/drawable HashMap<String,Integer> f_drw = new HashMap<String, Integer>(); f_drw .put("Gambar1",R.drawable.gn1); f_drw .put("Gambar2",R.drawable.gb2); f_drw .put("Gambar3",R.drawable.gb3); f_drw .put("Gambar4", R.drawable.gb4);
for(String name : f_drw .keySet()){ TextSliderView textSliderView = new TextSliderView(this); // initialize a SliderLayout textSliderView .description(name) .image(f_drw .get(name)) .setScaleType(BaseSliderView.ScaleType.Fit);
//add your extra information textSliderView.bundle(new Bundle()); textSliderView.getBundle() .putString("extra",name); sliderLayout.addSlider(textSliderView); } sliderLayout.setPresetTransformer(SliderLayout.Transformer.Accordion); sliderLayout.setPresetIndicator(SliderLayout.PresetIndicators.Center_Bottom); sliderLayout.setCustomAnimation(new DescriptionAnimation()); sliderLayout.setDuration(5000); }

1 comments so far

Thanks for sharing, kunjungi juga http://bit.ly/2JF1NJb


EmoticonEmoticon