새로운 ViewPager2 솔루션

요즘에는 ” ViewPager 를 대체하여 이전 버전의 문제점 대부분을 해결”하는 ViewPager2 사용을 고려해야 합니다 .

• RecyclerView 기반
• RTL (오른쪽에서 왼쪽으로) 레이아웃 지원
• 수직 방향 지원
• 신뢰할 수있는 Fragment 지원 (기본 Fragment 컬렉션에 대한 변경 처리 포함)
• 데이터 세트 변경 애니메이션 ( DiffUtil지원 포함 )

결과

코드

활동 / 조각에서 ViewPager2를 설정합니다.

// MyRecyclerViewAdapter is an standard RecyclerView.Adapter :)
viewPager2.adapter = MyRecyclerViewAdapter()

// You need to retain one page on each side so that the next and previous items are visible
viewPager2.offscreenPageLimit = 1

// Add a PageTransformer that translates the next and previous items horizontally
// towards the center of the screen, which makes them visible
val nextItemVisiblePx = resources.getDimension(R.dimen.viewpager_next_item_visible)
val currentItemHorizontalMarginPx = resources.getDimension(R.dimen.viewpager_current_item_horizontal_margin)
val pageTranslationX = nextItemVisiblePx + currentItemHorizontalMarginPx
val pageTransformer = ViewPager2.PageTransformer { page: View, position: Float ->
    page.translationX = -pageTranslationX * position
    // Next line scales the item's height. You can remove it if you don't want this effect
    page.scaleY = 1 - (0.25f * abs(position))
    // If you want a fading effect uncomment the next line:
    // page.alpha = 0.25f + (1 - abs(position))
}
viewPager2.setPageTransformer(pageTransformer)

// The ItemDecoration gives the current (centered) item horizontal margin so that
// it doesn't occupy the whole screen width. Without it the items overlap
val itemDecoration = HorizontalMarginItemDecoration(
    context,
    R.dimen.viewpager_current_item_horizontal_margin
)
viewPager2.addItemDecoration(itemDecoration)

추가 HorizontalMarginItemDecoration사소한 인 ItemDecoration:

/**
 * Adds margin to the left and right sides of the RecyclerView item.
 * Adapted from https://stackoverflow.com/a/27664023/4034572
 * @param horizontalMarginInDp the margin resource, in dp.
 */
class HorizontalMarginItemDecoration(context: Context, @DimenRes horizontalMarginInDp: Int) :
    RecyclerView.ItemDecoration() {

    private val horizontalMarginInPx: Int =
        context.resources.getDimension(horizontalMarginInDp).toInt()

    override fun getItemOffsets(
        outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State
    ) {
        outRect.right = horizontalMarginInPx
        outRect.left = horizontalMarginInPx
    }

}

이전 / 다음 항목이 표시되는 정도와 현재 항목 가로 여백을 제어하는 ​​차원을 추가합니다.

<dimen name="viewpager_next_item_visible">26dp</dimen>
<dimen name="viewpager_current_item_horizontal_margin">42dp</dimen>

마지막으로 ViewPager2레이아웃 에을 추가하십시오 .

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

한 가지 중요한 것은 ViewPager2항목에 있어야합니다 layout_height="match_parent"(그렇지 않으면 IllegalStateException이 발생 함). 따라서 다음과 같이해야합니다.

<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" <-- this!
    app:cardCornerRadius="8dp"
    app:cardUseCompatPadding="true">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="280dp">

        <!-- ... -->

    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.cardview.widget.CardView>

PageTransformer 예제

Google은 PageTransformer영감으로 사용할 수있는 두 가지 구현이있는 ViewPager2에 대한 가이드를 추가했습니다 . https://developer.android.com/training/animation/screen-slide-2

새로운 ViewPager2 정보

• Google I / O 2019에서 발표
• 선적 서류 비치
• 릴리즈 노트
• 코드 샘플
• ViewPager에서 ViewPager2로 마이그레이션

답변

 android:clipToPadding="false"
 android:paddingLeft="XX"
 android:paddingRight="XX"

<androidx.viewpager.widget.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipToPadding="false"
        android:paddingLeft="30dp"
        android:paddingRight="30dp" />

mPager.setClipToPadding(false);
DisplayMetrics displayMetrics = new DisplayMetrics();
self.getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
int width = displayMetrics.widthPixels;
int paddingToSet = width/4; //set this ratio according to how much of the next and previos screen you want to show.
mPager.setPadding(paddingToSet,0,paddingToSet,0);