Как увеличить ширину изображения в ViewPager2? - PullRequest
0 голосов
/ 01 мая 2020

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

activity_home. xml

I have a toolbar on top od ScrollView and root layout as ConstaintLayout

  <ScrollView
    android:id="@+id/scrollContainer"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/toolbar">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/cl1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/viewpageimageSlider"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>

HomeScreen. java

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_home_screen);
    viewPager2 = findViewById(R.id.viewpageimageSlider);
    //hear i'm preparing list of images from drawable,
    sliderItemBeans = new ArrayList<>();
    sliderItemBeans.add(new SliderItemBean(R.drawable.plateofcarrot));
    sliderItemBeans.add(new SliderItemBean(R.drawable.bread));
    sliderItemBeans.add(new SliderItemBean(R.drawable.cucumber));
    sliderItemBeans.add(new SliderItemBean(R.drawable.vegetables));
    sliderItemBeans.add(new SliderItemBean(R.drawable.donuts));
    viewPager2.setAdapter(new SliderAdapter(sliderItemBeans, viewPager2));

    viewPager2.setOffscreenPageLimit(1);
    viewPager2.getChildAt(0).setOverScrollMode(RecyclerView.OVER_SCROLL_ALWAYS);

    float pageMargin = getResources().getDimensionPixelOffset(R.dimen.pageMargin);//10
    float pageOffset = getResources().getDimensionPixelOffset(R.dimen.offset);//20

//I don't understand the code in here what's actually happening.

    viewPager2.setPageTransformer((page, position) -> {
        float myOffset = position * -(2 * pageOffset + pageMargin);
        if (position < -1) {
            page.setTranslationX(-myOffset);
        } else if (position <= 1) {
            float scaleFactor = Math.max(0.7f, 1 - Math.abs(position - 0.14285715f));
            page.setTranslationX(myOffset);
            page.setScaleY(scaleFactor);
            page.setAlpha(scaleFactor);
        } else {
            page.setAlpha(0);
            page.setTranslationX(myOffset);
        }
    });
    viewPager2.setPageTransformer(compositePageTransformer);
    viewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
        @Override
        public void onPageSelected(int position) {
            super.onPageSelected(position);
            sliderHandler.removeCallbacks(sliderRunnable);
            sliderHandler.postDelayed(sliderRunnable, 3000);//slide duration
        }
    });
}

private Runnable sliderRunnable = new Runnable() {
    @Override
    public void run() {
        viewPager2.setCurrentItem(viewPager2.getCurrentItem() + 1,true);
    }
};

@Override
protected void onPause() {
    super.onPause();
    sliderHandler.removeCallbacks(sliderRunnable);
}

@Override
protected void onResume() {
    super.onResume();
    sliderHandler.postDelayed(sliderRunnable, 3000);
}

Адаптер. xml

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/slideImage"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</ImageView>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...