Image Slider

                                                  Image Slider Android



-----------activity_main.xml--------------------- 

<RelativeLayout

android:layout_width="match_parent"

android:layout_height="200dp">

 

<android.support.v4.view.ViewPager

android:id="@+id/vp_slider"

android:layout_width="match_parent"

android:layout_height="match_parent" />

 

<LinearLayout

android:id="@+id/ll_dots"

android:layout_width="match_parent"

android:layout_height="30dp"

android:layout_alignParentBottom="true"

android:layout_marginBottom="20dp"

android:gravity="center"

android:orientation="horizontal">

</LinearLayout>

</RelativeLayout>

 

 

 

 

 

 

 

 

 --------SliderPagerAdapter.java------------------------

public class SliderPagerAdapter extends PagerAdapter {

private LayoutInflater layoutInflater;

    Activity activity;

    ArrayList<String> image_arraylist;

 

    public SliderPagerAdapter(Activity activity, ArrayList<String> image_arraylist) {

        this.activity = activity;

        this.image_arraylist = image_arraylist;

    }

 

    @Override

    public Object instantiateItem(ViewGroup container, int position) {

        layoutInflater = (LayoutInflater) activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

 

        View view = layoutInflater.inflate(R.layout.layout_slider, container, false);

        ImageView im_slider = (ImageView) view.findViewById(R.id.im_slider);

        Picasso.with(activity.getApplicationContext())

                .load(image_arraylist.get(position))

                .placeholder(R.mipmap.ic_launcher) // optional

                .error(R.mipmap.ic_launcher)         // optional

                .into(im_slider);

 

 

        container.addView(view);

 

        return view;

    }

 

    @Override

    public int getCount() {

        return image_arraylist.size();

    }

 

 

    @Override

    public boolean isViewFromObject(View view, Object obj) {

        return view == obj;

    }

 

 

    @Override

    public void destroyItem(ViewGroup container, int position, Object object) {

        View view = (View) object;

        container.removeView(view);

    }

}

 

 

 

----------------layout_slider.xml-----------------

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical" android:layout_width="match_parent"

    android:layout_height="match_parent">

 

    <ImageView

        android:id="@+id/im_slider"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:scaleType="centerCrop"/>

 

</LinearLayout>

 

 

 

 

 

 

 

 

 

 

----------------MainActivity.java----------------

public class MainActivity extends AppCompatActivity{

 

    private ViewPager vp_slider;

    private LinearLayout ll_dots;

    SliderPagerAdapter sliderPagerAdapter;

    ArrayList<String> slider_image_list;

    private TextView[] dots;

    int page_position = 0;

 

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

                WindowManager.LayoutParams.FLAG_FULLSCREEN);

        setContentView(R.layout.activity_main);

 

// method for initialisation

        init();

 

// method for adding indicators

        addBottomDots(0);

 

        final Handler handler = new Handler();

 

        final Runnable update = new Runnable() {

            public void run() {

                if (page_position == slider_image_list.size()) {

                    page_position = 0;

                } else {

                    page_position = page_position + 1;

                }

                vp_slider.setCurrentItem(page_position, true);

            }

        };

 

        new Timer().schedule(new TimerTask() {

 

            @Override

            public void run() {

                handler.post(update);

            }

        }, 100, 5000);

 

 

    }

 

    private void init() {

 

        setSupportActionBar((Toolbar) findViewById(R.id.toolbar));

        getSupportActionBar().hide();

        vp_slider = (ViewPager) findViewById(R.id.vp_slider);

        ll_dots = (LinearLayout) findViewById(R.id.ll_dots);

 

        slider_image_list = new ArrayList<>();

 

//Add few items to slider_image_list ,this should contain url of images which should be displayed in slider

// here i am adding few sample image links, you can add your own

 

        slider_image_list.add("http://images.all-free-download.com/images/graphiclarge/mountain_bongo_animal_mammal_220289.jpg");

        slider_image_list.add("http://images.all-free-download.com/images/graphiclarge/bird_mountain_bird_animal_226401.jpg");

        slider_image_list.add("http://images.all-free-download.com/images/graphiclarge/mountain_bongo_animal_mammal_220289.jpg");

        slider_image_list.add("http://images.all-free-download.com/images/graphiclarge/bird_mountain_bird_animal_226401.jpg");

 

 

        sliderPagerAdapter = new SliderPagerAdapter(MainActivity.this, slider_image_list);

        vp_slider.setAdapter(sliderPagerAdapter);

 

        vp_slider.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

            @Override

            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

 

            }

 

            @Override

            public void onPageSelected(int position) {

                addBottomDots(position);

            }

 

            @Override

            public void onPageScrollStateChanged(int state) {

 

            }

        });

    }

 

    private void addBottomDots(int currentPage) {

        dots = new TextView[slider_image_list.size()];

 

        ll_dots.removeAllViews();

        for (int i = 0; i < dots.length; i++) {

            dots[i] = new TextView(this);

            dots[i].setText(Html.fromHtml("•"));

            dots[i].setTextSize(35);

            dots[i].setTextColor(Color.parseColor("#000000"));

            ll_dots.addView(dots[i]);

        }

 

        if (dots.length > 0)

            dots[currentPage].setTextColor(Color.parseColor("#FFFFFF"));

    }

}

 

 

 ------------------build.gradle file------------------

 

 

compile 'com.squareup.picasso:picasso:2.3.3'