Full screen slide pager to display images fetched from Internet by Fresco
Switch branches/tags
Nothing to show
Clone or download
Latest commit 1ae0126 Jul 23, 2015

README.md

Android-ScreenSlidePager

Full screen slide pager to display images fetched from Internet by Picasso

demo


Indicator

The indicator at the bottom of ScreenSlidePager has been extracted as an aar. Your can add it to your dependecies to use it independently.

Gradle

compile 'com.liangfeizc:SlidePageIndicator:1.1.0@aar'

Maven

<dependency>
    <groupId>com.liangfeizc</groupId>
    <artifactId>SlidePageIndicator</artifactId>
    <version>1.1.0</version>
    <type>aar</type>
</dependency>

Usage

CirclePageIndicator and ViewPager shoud be used as child views of a Framelayout. But here we used merge instead, because the root view in any activity is a FrameLayout. You can use android:gravity to position the CirclePageIndicator and use app:indicator_spacing to adjust the spacing between two adjencent circle indicators.

<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <com.liangfeizc.slidepageindicator.CirclePageIndicator
        android:id="@+id/indicator"
        android:gravity="bottom|center_horizontal"
        app:indicator_spacing="5dp"
        android:layout_marginBottom="20dp"
        android:layout_marginStart="20dp"
        android:layout_marginLeft="20dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</merge>

SlidePager

You can also use SlidePager by passing an array of picture urls to it.

Define an array of picture urls

private static final String[] IMAGES = new String[] {
    "http://img1.cache.netease.com/catchpic/B/B2/B2F274C1CCD5A89133261E6252A0C8E9.jpg",
    "http://img5.duitang.com/uploads/item/201408/09/20140809204759_CwtQN.jpeg",
    "http://img5q.duitang.com/uploads/item/201204/06/20120406151343_HefME.jpeg",
    "http://images.qianlong.com/mmsource/imghylanda/201108/25/21/7131919880274907937.jpg",
    "http://imgsrc.baidu.com/forum/pic/item/78370e46f91582056a63e576.jpg"

View pictures in a new activity

public void viewPictures(View view) {
    Intent intent = new Intent(this, SlidePagerActivity.class);
    intent.putExtra(SlidePagerActivity.EXTRA_TITLE, "堀北真希の写真");
    intent.putExtra(SlidePagerActivity.EXTRA_PICTURES, IMAGES);
    startActivity(intent);
}

dependencies