Индикатор точек Android ViewPager не перемещается

Я создаю вводный слайдер для своего приложения с окном просмотра и индикатором точек внизу с двумя кнопками для входа в систему и входа в систему. Сначала у меня была ошибка с количеством точек; они умножались каждый раз, когда я смахиваю, тогда точки не двигались, когда я смахиваю.

activity_main.xml:

<RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"
xmlns:custom = "http://schemas.android.com/apk/res-auto"
xmlns:tools = "http://schemas.android.com/tools"
android:id = "@+id/activity_intro"
android:layout_width = "match_parent"
android:layout_height = "match_parent">

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

<LinearLayout
    android:id = "@+id/layoutDots"
    android:layout_width = "wrap_content"
    android:layout_height = "wrap_content"
    android:layout_alignParentBottom = "true"
    android:layout_centerHorizontal = "true"
    android:layout_marginBottom = "80dp"
    android:orientation = "horizontal"></LinearLayout>

<Button
    android:id = "@+id/btn_login"
    android:layout_width = "200dp"
    android:layout_height = "wrap_content"
    android:layout_alignParentBottom = "true"
    android:layout_alignParentEnd = "true"
    android:layout_alignParentRight = "true"
    android:layout_toEndOf = "@+id/btn_join"
    android:layout_toRightOf = "@+id/btn_join"
    android:background = "#C1403D"
    android:onClick = "btnLoginClick"
    android:text = "Se connecter"
    android:textColor = "@android:color/white" />

<Button
    android:id = "@+id/btn_join"
    android:layout_width = "193dp"
    android:layout_height = "wrap_content"
    android:layout_alignParentBottom = "true"
    android:layout_alignParentLeft = "true"
    android:background = "#303952"
    android:onClick = "btnJoinClick"
    android:text = "S'enregistrer"
    android:textColor = "@android:color/white" />

</RelativeLayout>

slide_layout.xml:

простой код слайда:

<RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"
android:orientation = "vertical" android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:background = "@color/bg_screen">

<LinearLayout
    android:layout_width = "wrap_content"
    android:layout_height = "wrap_content"
    android:layout_centerInParent = "true"
    android:gravity = "center_horizontal"
    android:orientation = "vertical">

    <TextView
        android:id = "@+id/slide_heading"
        android:text = "header"
        android:textAlignment = "center"
        android:layout_gravity = "center_horizontal"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:textColor = "@android:color/white"
        android:textSize = "@dimen/slide_title"
        android:textStyle = "bold" />

    <TextView
        android:text = "Description"
        android:id = "@+id/slide_description"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:layout_marginTop = "20dp"
        android:paddingLeft = "@dimen/desc_padding"
        android:paddingRight = "@dimen/desc_padding"
        android:textAlignment = "center"
        android:textColor = "@android:color/white"
        android:textSize = "17dp" />

</LinearLayout>
</RelativeLayout>

SlidesAdapter.java:

public class SlidesAdapter extends PagerAdapter {

    Context context;

    public SlidesAdapter(Context context) {
        this.context = context;
    }

    public SlidesAdapter() {
    }

    public String [] slide_headings= {
            "Connectez-vous",
            "Gérez vos tâches rapidement",
            "Suivez vos progrés facilement",
            "Accéder aux services de votre université"
    };

    public String [] slide_descriptions = {
            "à \"app name\"",
            "Organisez votre travail et vos études et controlez les\n" +
                    "grâce à un agenda facile à utiliser",
            "Enregistrer les notes de matières et suivez vos progrés",
            "Découvrez les clubs, bibliothéques et les services de votre université"
    };

    @Override
    public int getCount() {
        return slide_headings.length;
    }

    @Override
    public boolean isViewFromObject(View view, Object obj) {
        return view == obj;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(context.LAYOUT_INFLATER_SERVICE);

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

        TextView slideHeading = (TextView) view.findViewById(R.id.slide_heading);
        TextView slideDescription = (TextView) view.findViewById(R.id.slide_description);

        slideHeading.setText(slide_headings[position]);
        slideDescription.setText(slide_descriptions[position]);

        ViewPager vp = (ViewPager) container;
        container.addView(view,0);

        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        ViewPager vp = (ViewPager) container;
        View view = (View) object;
        vp.removeView(view);
    }
}

MainActivity.java:

public class MainActivity extends Activity {

    private ViewPager viewPager;
    private SlidesAdapter slidesAdapter;
    private LinearLayout dotsLayout;
    private TextView[] dots;
    private int[] layouts;
    private Button btnLogin, btnJoin;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewPager =  findViewById(R.id.view_pager);
        dotsLayout = findViewById(R.id.layoutDots);
        btnLogin = findViewById(R.id.btn_login);
        btnJoin = findViewById(R.id.btn_join);

        slidesAdapter = new SlidesAdapter(this);
        viewPager.setAdapter(slidesAdapter);

        addBottomDots(0);

        viewPager.addOnPageChangeListener(viewListener);

    }

    private void addBottomDots(int position) {

        dots = new TextView[4];

        for (int i = 0; i < dots.length; i++) {
            dots[i] = new TextView(this);
            dots[i].setText(Html.fromHtml("&#8226;"));
            dots[i].setTextSize(35);
            dots[i].setTextColor(getResources().getColor(R.color.dot_inactive));
            dotsLayout.addView(dots[i]);
        }

        if (dots.length>0){
          dots[position].setTextColor(getResources().getColor(R.color.dot_active));
        }
    }

    ViewPager.OnPageChangeListener viewListener = new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int i, float v, int i1) {

        }

        @Override
        public void onPageSelected(int position) {

        }

        @Override
        public void onPageScrollStateChanged(int state) {
        }
    };

}

что вы имеете в виду под умножением каждый раз?

Sanjay Kumar 04.04.2018 16:33

они становятся от 4 точек до 8 точек, затем 16 точек ...

ThunderBunny 04.04.2018 17:24

где вы вызываете addBottomDots () кроме onCreate

Sanjay Kumar 04.04.2018 20:26

Я поместил его в onPageSelected (), и точки умножились, поэтому я удалил его.

ThunderBunny 04.04.2018 21:52

Вы действительно читаете точки (addView), вам нужно создать только один раз и выбрать тот, который в onPageSelected (который в вашем коде пуст)

Marcos Vasconcelos 04.04.2018 23:49

@Marcos Vasconcelos, о, теперь я понял ... спасибо

ThunderBunny 05.04.2018 12:14
2
6
1 447
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

One way could be that you use circle pager indicator instead of manually adding dots.

В вашем градиенте добавьте:

implementation 'fr.avianey.com.viewpagerindicator:library:2.4.1@aar'

activity_main.xml:

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

    <com.viewpagerindicator.CirclePageIndicator
        android:id = "@+id/circle_page_indicator"
        android:layout_width = "match_parent"
        android:layout_height = "wrap_content"
        android:padding = "@dimen/_8sdp"
        android:layout_above = "@+id/btn_login"
        app:radius = "4dp"/>

Тогда в вашем MainActivity.java

slidesAdapter = new SlidesAdapter(this);
viewPager.setAdapter(slidesAdapter);
mPageIndicator = (CirclePageIndicator) findViewById(R.id.circle_page_indicator);
mPageIndicator.setViewPager(mVwPager);

Не сработало, точки не двигаются та же проблема.

ThunderBunny 04.04.2018 21:51

дал мне эту ошибку: Ошибка: java.util.concurrent.ExecutionException: com.android.builder.internal.aapt.v2.Aapt2Exception: Ошибка AAPT2:

ThunderBunny 04.04.2018 21:54

Вы добавили зависимость в приложение Gradle?

Shubham Srivastava 04.04.2018 21:58

Попробуйте очистить проект, а затем один раз собрать

Shubham Srivastava 04.04.2018 21:59

Теперь это сработало, я проверил файл xml и обнаружил, что у меня там ошибка. Спасибо !

ThunderBunny 04.04.2018 22:23

@ Shubham Srivastava, но мне нужно, чтобы он внизу меня не хотел менять.

ThunderBunny 04.04.2018 22:26

конечно, я пробовал проголосовать, но не знал, что у меня должна быть репутация 15

ThunderBunny 04.04.2018 22:44

вызовите этот метод из onPageSelected ()

 private void activateDot(int position) {
        for (int i = 0; i < dots.length; i++) {
            if (position == i) {
                dots[i].setTextColor(getResources().getColor(R.color.dot_active));
            }else {
                dots[i].setTextColor(getResources().getColor(R.color.dot_inactive));
            }
        }
    }

https://github.com/tizisdeepan/dots

В файле градиента вашего модуля приложения

dependencies {
    implementation 'com.github.tizisdeepan:dots:1.0.1'
}

В вашем файле градиента уровня проекта

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

Используйте DotsIndicator в файле layout.xml

<com.make.dots.dotsindicator.DotsIndicator
    android:id = "@+id/dotsIndicator"
    android:layout_width = "wrap_content"
    android:layout_height = "wrap_content"
    android:layout_marginBottom = "12dp"
    android:background = "@drawable/dots_background"
    android:padding = "6dp"
    app:dot_drawable = "@drawable/ic_dot_darkgrey"
    app:dot_drawable_unselected = "@drawable/ic_dot_lightgrey"
    app:dot_height = "8dp"
    app:dot_margin = "6dp"
    app:dot_width = "8dp" />

Свяжите пейджер просмотра с индикатором точек в коде Java / Kotlin

dotsIndicator.setViewPager(imageViewPager)
imageViewPager.adapter?.registerDataSetObserver(dotsIndicator.dataSetObserver)

Документация

XML

dot_drawable: Drawable, который используется для обозначения текущей выбранной страницы dot_drawable_unselected: Drawable, который используется для обозначения невыделенных страниц dot_height: Высота индикатора Dot в dp dot_width: Ширина индикатора Dot в dp dot_margin: маргинальные промежутки между точками Котлин / Java

// Это присоединяет DotsIndicator к ViewPager

DotsIndicator.setViewPager(ViewPager)

Вуаля! Вы реализовали простой индикатор точек для своего пейджера просмотра!

Другие вопросы по теме