ViewPager2 Preview

7JFX1BHFS1SFWJFX 4QFBLFS !PNKPPOLJN

3BJOJTU

-BZPVUNBOBHFSUIBUBMMPXTUIFVTFSUPGMJQMFGU BOESJHIUUISPVHIQBHFTPGEBUB :PVTVQQMZBOJNQMFNFOUBUJPOPGB1BHFS"EBQUFS UPHFOFSBUFUIFQBHFTUIBUUIFWJFXTIPXT

7JFX1BHFSSFQMBDFT7JFX1BHFS BEESFTTJOHNPTUPGJUTQSFEFDFTTPSsTQBJOQPJOUT JODMVEJOHSJHIUUPMFGUMBZPVUTVQQPSU WFSUJDBMPSJFOUBUJPO NPEJGJBCMF'SBHNFOUDPMMFDUJPOT FUD

✨✨✨✨ ✨IUUQTHJUIVCDPNHPPHMFTBNQMFTBOESPJEWJFXQBHFS✨ ✨✨✨✨

3JHIUUPMFGUMBZPVUTVQQPSU

3JHIUUPMFGUMBZPVUTVQQPSU 3FWFSTF"SSBZ PS 3PUBUF PS $VTUPN 7JFX1BHFS

3JHIUUPMFGUMBZPVUTVQQPSU 3FWFSTF"SSBZ PS 3PUBUF PS $VTUPN 7JFX1BHFS android:layoutDirection="rtl" 7JFX1BHFS

7FSUJDBM0SJFOUBUJPO

7FSUJDBM0SJFOUBUJPO 3PUBUF PS $VTUPN 7JFX1BHFS

7FSUJDBM0SJFOUBUJPO 3PUBUF PS $VTUPN 7JFX1BHFS android:orientation=“vertical" or viewPager.orientation = ViewPager2.ORIENTATION_VERTICAL
7JFX1BHFS

.PEJGJBCMF'SBHNFOU$PMMFDUJPOT

7JFX1BHFS .PEJGJBCMF'SBHNFOU$PMMFDUJPOT

7JFX1BHFS .PEJGJBCMF'SBHNFOU$PMMFDUJPOT 'SBHNFOU

7JFX1BHFS .PEJGJBCMF'SBHNFOU$PMMFDUJPOT 'SBHNFOU 'SBNHFOU1BHFS"EBQUFS 'SBHNFOU4UBUF1BHFS"EBQUFS

7JFX1BHFS .PEJGJBCMF'SBHNFOU$PMMFDUJPOT 'SBHNFOU 'SBNHFOU1BHFS"EBQUFS 'SBHNFOU4UBUF1BHFS"EBQUFS OPUJGZ%BUBTFU$IBOHFE

7JFX1BHFS .PEJGJBCMF'SBHNFOU$PMMFDUJPOT 'SBHNFOU 'SBNHFOU1BHFS"EBQUFS 'SBHNFOU4UBUF1BHFS"EBQUFS 6O.PEJGJBCMFj OPUJGZ%BUBTFU$IBOHFE

.PEJGJBCMF'SBHNFOU$PMMFDUJPOT

.PEJGJBCMF'SBHNFOU$PMMFDUJPOT $BDIF

.PEJGJBCMF'SBHNFOU$PMMFDUJPOT $BDIF HFU*UFN

.PEJGJBCMF'SBHNFOU$PMMFDUJPOT $BDIF HFU*UFN 104*50/@/0/&

.PEJGJBCMF'SBHNFOU$PMMFDUJPOT $BDIF HFU*UFN 104*50/@/0/& %JSFDU

.PEJGJBCMF'SBHNFOU$PMMFDUJPOT $BDIF HFU*UFN 104*50/@/0/& %JSFDU 7JFX1BHFS

5IFBOTXFSJT3FDZDMFS7JFX FUD ✨

)PXEJGGFSFOU 7JFX1BHFSDPNQPTJUJPO -PHJDGPS.BOBHJOH*UFNT 7JFXPS'SBHNFOU 1BHF$IBOHF$BMMCBDLT PO1BHF4DSPMMFE PO1BHF4FMFDUFE PO1BHF4DSPMM4UBUF$IBOHFE MPHJD -PHJDGPSGMJQQJOH
&UDj USBOTGPSNFS TUPSFSFTUPSFj

)PXEJGGFSFOU 7JFX1BHFSDPNQPTJUJPO -PHJDGPSNBOBHJOH*UFNT 7JFXPS'SBHNFOU 1BHF$IBOHF$BMMCBDLTMPHJD -PHJDGPSGMJQQJOH &UDj USBOTGPSNFS TUPSFSFTUPSFj
3FDZDMFS7JFXXJUI-BZPVU.BOBHFS &UDj USBOTGPSNFS TUPSFSFTUPSFj 1BHF4OBQ)FMQFS 4DSPMM&WFOU"EBQUFS

)PXEJGGFSFOU DPNQMFYJUZ 7JFX1BHFS 7JFX1BHFS -JOFT WBSJBCMFT MJOFT WBSJBCMFT

)PXEJGGFSFOU BEBQUFS 7JFX1BHFS 7JFX1BHFS &YUFOET1BHFS"EBQUFS 'SBHNFOU1BHFS"EBQUFS 'SBHNFOU4UBUF"EBQUFS &YUFOET3FZDMFS7JFX"EBQUFS7) 'SBHNFOU4UBUF"EBQUFS

#FUUFSQPJOUT3FDZDMFS7JFX &BTZJNQMFNFOUBUJPO OPUOFFEJNQMFNFOUB.PSFJT7JFX'SPN0CKFDU JOTUBOUJBUF*UFN EFTUSPZ*UFN 4VQQPSU3FDZDMBCMF NPSFFGGJDJFOUMZ $MBSJGJFEVTBHF XIFODIPPTF7JFXPS'SBHNFOU

6TJOHXJUI7JFX viewPager.adapter = object : RecyclerView.Adapter<CardViewHolder>() { override fun onCreateViewHolder(
parent: ViewGroup, viewType: Int ): CardViewHolder { return CardViewHolder(CardView(layoutInflater, parent)) } override fun onBindViewHolder(holder: CardViewHolder, position: Int) { holder.bind(cards[position]) } override fun getItemCount(): Int { return cards.size } }

6TJOHXJUI'SBHNFOU viewPager.adapter = object : FragmentStateAdapter(supportFragmentManager,lifecycle) { override fun getItem(position:
Int): PageFragment { val itemId = items.itemId(position) val itemText = items.getItemById(itemId) return PageFragment.create(itemText) } override fun getItemCount(): Int = items.size override fun getItemId(position: Int): Long = items.itemId(position) override fun containsItem(itemId: Long): Boolean = items.contains(itemId) }

'SBHNFOU4UBUF"EBQUFS public abstract class FragmentStateAdapter extends RecyclerView.Adapter<FragmentViewHolder> implements StatefulAdapter public
FragmentStateAdapter(@NonNull FragmentManager fragmentManager, @NonNull Lifecycle lifecycle) { mFragmentManager = fragmentManager; mLifecycle = lifecycle; super.setHasStableIds(true); }

'SBHNFOU4UBUF"EBQUFSDSFBUF @NonNull @Override public final FragmentViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int
viewType) { return FragmentViewHolder.create(parent); }

'SBHNFOU7JFX)PMEFS public final class FragmentViewHolder extends ViewHolder { private FragmentViewHolder(FrameLayout
container) { super(container); } static FragmentViewHolder create(ViewGroup parent) { FrameLayout container = new FrameLayout(parent.getContext()); container.setLayoutParams( new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); container.setId(ViewCompat.generateViewId()); container.setSaveEnabled(false); return new FragmentViewHolder(container); } FrameLayout getContainer() { return (FrameLayout) itemView; } }

'SBHNFOU4UBUF"EBQUFSCJOE @Override public final void onBindViewHolder(final @NonNull FragmentViewHolder holder, int
position) { final long itemId = holder.getItemId(); final int viewHolderId = holder.getContainer().getId(); final Long boundItemId = itemForViewHolder(viewHolderId); // item currently bound to the VH if (boundItemId != null && boundItemId != itemId) { removeFragment(boundItemId); mItemIdToViewHolder.remove(boundItemId); } mItemIdToViewHolder.put(itemId, viewHolderId); // this might overwrite an existing entry ensureFragment(position); ………………… }

2)PXUPQSFWFOUVTFSTXJQJOH viewPager.isUserInputEnabled = false

2)PXUPJNQMFNFOUBOJNBUJPODIBOHJOH viewPager.setPageTransformer(Animator) public interface PageTransformer { void transformPage(@NonNull View page,
float position); }

2)PXUPVTFXJUI5BC-BZPVU TabLayoutMediator(tabLayout, viewPager) { tab, position -> /* implement code
*/ }.attach() package com.example.androidx.viewpager2.TabLayoutMediator;

,OPXO*TTVFT /PUTVQQPSUUBC-BZPVUPGGJDJBMMZ /PUTVQQPSUDMJQ5P1BEEJOH &UDj https://issuetracker.google.com/issues?q=viewpager2 JTTVFT /FTUFETDSPMMJOHQBSBMMFMUPPSJFOUBUJPO

4VNNBSZ

5IBOLZPV

ViewPager2 Preview

ViewPager2 Preview

More Decks by omjoonkim

Other Decks in Programming

Featured

Transcript