Добавить ViewPagerIndicator в Android Studio

Ответ 1

UPDATE

В соответствии с ответом данным Jürgen 'Kashban' Wahlmann, теперь можно добавить ViewPagerIndicator через gradle:

Top Level Build.gradle:

buildscript {
    repositories {
        maven { url "http://dl.bintray.com/populov/maven" }
        mavenCentral()
    }
}

allprojects {
    repositories {
        maven { url "http://dl.bintray.com/populov/maven" }
        mavenCentral()
    }
}

App build.gradle:

compile 'com.viewpagerindicator:library:2.4.1@aar'

Кроме того, на основе ответа предоставленного Enrico Susatyo, теперь можно загрузить библиотеку из хранилищ Jitpack maven. Сделайте это следующим образом:

В корневой файл build.grade:

allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
        }
    }

В проекте build.grade:

dependencies {
            compile 'com.github.JakeWharton:ViewPagerIndicator:2.4.1'
    }

------------

Чтобы использовать Android-ViewPagerIndicator в Android Studio, вы не можете загрузить его с gradle. Вместо этого вы должны импортировать библиотеку как "Существующий проект" в ваш текущий.

Выполните следующие действия:

# 1 Загрузите исходный код из GitHub.

# 2 В вашем проекте Android Studio: Файл → Структура проекта → Добавить (+ символ) → Импортировать существующий проект. Импортируйте только папку под названием "library", а не весь проект (оставьте опции импорта, как предлагает Android Studio).

# 3 Если "compileSdkVersion", указанный в вашем файле build.gradle, не совпадает с тем, который указан в проекте Android-ViewPagerIndicator, измените второй. То же самое относится к любому другому свойству, например "minSdkVersion" или даже к текущей библиотеке поддержки.

# 4 Добавьте проект Android-ViewPagerIndicator в зависимости от вашего модуля build.gradle:

dependencies {
    compile project(':library')
}

# 5 Синхронизировать проект с gradle файлами.

Ответ 2

Его можно импортировать с помощью Gradle следующим образом:

Top Level Build.gradle:

buildscript {
    repositories {
        maven { url "http://dl.bintray.com/populov/maven" }
        mavenCentral()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:0.12.+'
    }
}

allprojects {
    repositories {
        maven { url "http://dl.bintray.com/populov/maven" }
        mavenCentral()
    }
}

В вашем приложении build.gradle добавьте это в раздел зависимостей:

compile 'com.viewpagerindicator:library:2.4.1@aar'

(Добавить @aar, чтобы избежать "упаковки для apklib не поддерживается ошибка" )

Прекрасно работает для меня.

Ответ 3

На сегодняшний день (март 2016 года) Jitpack maven repos работают для меня: https://jitpack.io/#JakeWharton/ViewPagerIndicator/2.4.1/aar

В корневом каталоге build.gradle:

allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
        }
    }

В проекте build.gradle:

dependencies {
            compile 'com.github.JakeWharton:ViewPagerIndicator:2.4.1'
    }

Ответ 4

Вы можете сделать это без какой-либо сторонней библиотеки

Конечный результат:

1) Используйте макет фрейма в качестве контейнера для Viewpager, а затем добавьте Linringayout в нижней части его.

<FrameLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                app:layout_collapseMode="parallax">

                <android.support.v4.view.ViewPager
                    android:id="@+id/product_images_pager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" />

                <HorizontalScrollView
                    android:layout_width="match_parent"
                    android:layout_height="20dp"
                    android:layout_gravity="bottom|center_horizontal"
                    android:layout_margin="10dp">

                    <LinearLayout
                        android:id="@+id/indicator_root"
                        android:layout_width="20dp"
                        android:layout_height="match_parent"
                        android:layout_gravity="bottom|center_horizontal"
                        android:gravity="center_horizontal"
                        android:orientation="horizontal">

                    </LinearLayout>
                </HorizontalScrollView>

            </FrameLayout>

2) Определите размер и маржу для индикаторов

  //define globaly 
   private LinearLayout.LayoutParams imageParam;

   //init params
      int margin = Utils.pxFromDp(getActivity(), 5);
        int width = Utils.pxFromDp(getActivity(), 8);
        imageParam = new LinearLayout.LayoutParams(width, width);
        imageParam.setMargins(margin, margin, margin, margin);

3) Добавить индикаторы в линейной компоновке

 for (int indicatorCount = 0; indicatorCount < productFromShoppingList.getProductImages().size();
             indicatorCount++) {

            ImageView imageIndicator =
                    new ImageView(getActivity());

            imageIndicator.setAdjustViewBounds(true);
            imageIndicator.setScaleType(ImageView.ScaleType.FIT_XY);
            imageIndicator.setLayoutParams(imageParam);

            indicatorContainer.addView(imageIndicator);
            indicators.add(imageIndicator);
            imageIndicator.setBackgroundResource(R.drawable.indicator_unselected);
        }

4) Индикатор инициализации в позиции 0

 indicators.get(0).setBackgroundResource(R.drawable.indicator_unselected);

5) Индикатор обновления на странице просмотра страницы пейджера

carousalViewPager.setAdapter(new slidingPagerAdapter(getActivity(),
            productFromShoppingList.getProductImages()));

    carousalViewPager
            .addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                @Override
                public void onPageScrolled(int position,
                                           float positionOffset, int positionOffsetPixels) {

                }

                @Override
                public void onPageSelected(int position) {

                    currentPageIndex = position;
                    updateIndicators(currentPageIndex);
                }

                @Override
                public void onPageScrollStateChanged(int state) {

                }
            });


private void updateIndicators(int selectedPostion) {
    for (int indicatorPosition = 0; indicatorPosition < indicators.size(); indicatorPosition++) {
        indicators.get(indicatorPosition).setBackgroundResource(indicatorPosition == selectedPostion ? R.drawable.indicator_selected
                : R.drawable.indicator_unselected);
    }
}

Последнее, но не менее важное: добавить 2 индикатора для индикатора

indicator_unselected.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke
        android:width="1dp"
        android:color="@color/white" />
</shape>

indicator_selected.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <corners android:radius="100dp" />
    <solid android:color="@android:color/white" />
</shape>