Código Google: Continuous Shared Element Transitions: RecyclerView to ViewPager

Continuous Shared Element Transitions: RecyclerView to ViewPager

14/03/2018

De Shalom Gibly, engenheiro de software da equipe Google do Material Gallery

aquiO que são os elementos compartilhados?transição de elemento compartilhadoImageViewABABBsite dos desenvolvedores Androidesta apresentaçãoOs desafiosMapeamento de elementos compartilhadosremapear dinamicamenteCarregamento adiado

O ViewPager demora alguns milissegundos para carregar seus fragmentos internos. Além disso, o carregamento de uma imagem em um fragmento de paginador exibido leva algum tempo e pode até incluir o tempo de download do ativo.

O RecyclerView também sofre um atraso parecido quando carrega as imagens nas visualizações.

Design de um aplicativo de exemploEstrutura básica

GridFragmentRecyclerViewRecyclerViewImageDataonClickGridFragmentImagePagerFragmentImagePagerFragmentImageFragmentsObservação:GlideImageDataCoordenação de uma posição selecionada/exibidaMainActivity

Ao definir a página que será exibida no ViewPager.

Ao navegar de volta para a grade e rolar automaticamente até a posição para garantir sua visibilidade.

E, é claro, ao trabalhar com os retornos de chamada das transições, como veremos na próxima seção.

Configuração de transiçõesremapear dinamicamentetransitionNameRecyclerViewImageFragment

Definimos um nome para a transição nas visualizações de imagem chamando setTransitionName. Identificamos assim a visualização com um nome exclusivo para a transição. setTransitionName é chamada durante a vinculação da visualização no adaptador RecyclerView da grade e onCreateView é chamada no ImageFragment. Nos dois locais, usamos um recurso de imagem exclusivo como o nome que identifica a visualização.

Configuramos SharedElementCallbacks para interceptar onMapSharedElements e ajustar o mapeamento do nome dos elementos compartilhados às visualizações. Fazemos isso na saída do GridFragment e na entrada do ImagePagerFragment.

Configuração da transação do FragmentManagerFragmentManagerfragment.getFragmentManager() .beginTransaction() .setReorderingAllowed(true) // setAllowOptimization before 26.1.0 .addSharedElement(imageView, imageView.getTransitionName()) .replace(R.id.fragment_container, new ImagePagerFragment(), ImagePagerFragment.class.getSimpleName()) .addToBackStack(null) .commit();setReorderingAllowedtrueonCreate(Bundle)onDestroy()Transição de imagemTransitionSetImagePagerFragment<ImagePagerFragment.java>Transition transition = TransitionInflater.from(getContext()) .inflateTransition(R.transition.image_shared_element_transition); setSharedElementEnterTransition(transition);<image_shared_element_transition.xml><?xml version="1.0" encoding="utf-8"?> <transitionSet xmlns:android="http://schemas.android.com/apk/res/android" android:duration="375" android:interpolator="@android:interpolator/fast_out_slow_in" android:transitionOrdering="together"> <changeClipBounds/> <changeTransform/> <changeBounds/> </transitionSet>Ajuste do mapeamento do elemento compartilhadoGridFragmentsetExitSharedElementCallback()SharedElementCallbacksaídaFragmentreentradaFragmentImageViewprimeiroonMapSharedElements<GridFragment.java>setExitSharedElementCallback( new SharedElementCallback() { @Override public void onMapSharedElements( List<String> names, Map<String, View> sharedElements) { // Locate the ViewHolder for the clicked position. RecyclerView.ViewHolder selectedViewHolder = recyclerView .findViewHolderForAdapterPosition(MainActivity.currentPosition); if (selectedViewHolder == null || selectedViewHolder.itemView == null) { return; } // Map the first shared element name to the child ImageView. sharedElements .put(names.get(0), selectedViewHolder.itemView.findViewById(R.id.card_image)); } });ImagePagerFragmentsetEnterSharedElementCallback()<ImagePagerFragment.java>setEnterSharedElementCallback( new SharedElementCallback() { @Override public void onMapSharedElements( List<String> names, Map<String, View> sharedElements) { // Locate the image view at the primary fragment (the ImageFragment // that is currently visible). To locate the fragment, call // instantiateItem with the selection position. // At this stage, the method will simply return the fragment at the // position and will not create a new one. Fragment currentFragment = (Fragment) viewPager.getAdapter() .instantiateItem(viewPager, MainActivity.currentPosition); View view = currentFragment.getView(); if (view == null) { return; } // Map the first shared element name to the child ImageView. sharedElements.put(names.get(0), view.findViewById(R.id.image)); } });Adiamento da transiçãopostponepostponeEnterTransition()onCreateView()startPostponedEnterTransition()Observação: o adiamento é chamado nos fragmentos da grade e do paginador para permitir transições de ida e volta durante a navegação no aplicativo.Glide

Quando uma imagem do ImageFragment é carregada, seu ImagePagerFragment pai é chamado para iniciar a transição.

Em uma transição de volta para a grade, uma transição de início é chamada depois que a imagem "selecionada" é carregada.

ImageFragmentpostponeEnterTransitionImagePagerFragmentstartPostponeEnterTransitionImageFragment<ImageFragment.java>Glide.with(this) .load(arguments.getInt(KEY_IMAGE_RES)) // Load the image resource .listener(new RequestListener<Drawable>() { @Override public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) { getParentFragment().startPostponedEnterTransition(); return false; } @Override public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) { getParentFragment().startPostponedEnterTransition(); return false; } }) .into((ImageView) view.findViewById(R.id.image));Toques finaisTransitionSetGridFragment<GridFragment.java>setExitTransition(TransitionInflater.from(getContext()) .inflateTransition(R.transition.grid_exit_transition));<grid_exit_transition.xml><?xml version="1.0" encoding="utf-8"?> <transitionSet xmlns:android="http://schemas.android.com/apk/res/android" android:duration="375" android:interpolator="@android:interpolator/fast_out_slow_in" android:startDelay="25"> <fade> <targets android:targetId="@id/card_view"/> </fade> </transitionSet>

GridAdapter// The 'view' is the card view that was clicked to initiate the transition. ((TransitionSet) fragment.getExitTransition()).excludeTarget(view, true);

GridFragmentonViewCreated<GridFragment.java>recyclerView.addOnLayoutChangeListener( new OnLayoutChangeListener() { @Override public void onLayoutChange(View view, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) { recyclerView.removeOnLayoutChangeListener(this); final RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager(); View viewAtPosition = layoutManager.findViewByPosition(MainActivity.currentPosition); // Scroll to position if the view for the current position is null (not // currently part of layout manager children), or it's not completely // visible. if (viewAtPosition == null || layoutManager.isViewPartiallyVisible(viewAtPosition, false, true)){ recyclerView.post(() -> layoutManager.scrollToPosition(MainActivity.currentPosition)); } } });ConclusãoRecyclerViewViewPagerremapeamento

aqui .cont221 img{ max-width: 35%;

6 comentários :

steve dias disse...: Dewapoker selalu ingin berusaha semaksimal mungkin untuk memberikan yang terbaik untuk para member yang bermain didalam situs Judi Online dewapoker 2018 , seperti misalnya layanan customer service yang selain baik, ramah, dan professional juga siap untuk melayani anda selama 24 jam full non-stop serta sigap untuk memberikan solusi-solusi untuk member yang mengalami kendala pada saat bermain. Dengan ini kami memberikan berbagai macam permainan remi dan Poker Online yang ada didalam situs dewa poker asia sudah pasti akan mejadi pilihan anda dalam bermain berbagai jenis judi online yang ada pada saat ini.

Pokerbo888 Situs Judi Poker Online Terpercaya Beberapa jenis permainan kartu /atau judi yang dinikmati oleh Pemain Judi. Pokerbo888 merupakan salah satu situs yang menyediakan Berbagai pilihan Permainan judi Kartu yang dapat nikmati Secara online di Indonesia, Yang pertama kali di Rilis pada Tahun 2000an. Tentu orang cape-cape daftar dan bermain poker melalui agen poker online pasti ingin menambah penghasilan. Dengan adanya situs Pokerbo888 semunya menjadi mudah untuk bermain judi poker online dan tidak lupa lagi banyak bonus bonus dan hadiah menarik saat anda bermain di situs kami, Gabung Sekarang dan ambil hadiah hadiah menarik lainnya.; 14 de fevereiro de 2019 às 02:37
widi disse...: PINGIN CEPAT KAYA ? Bingung mulai dari mana ? Baru..!! Game judi online 2019 wargapoker terpercaya. Dapatkan bonus-bonus untuk pemain baru, Ada begitu banyak jenis taruhan judi online dengan uang asli yang bisa anda mainkan di afapoker kapan saja dan dimana saja, cukup menggunakan satu user id saja. Anda dipastikan memainkan permainan judi online yang murni dominobet dimana Anda bermain 100% player vs player tanpa ada campur tangan bot link alternatif domino88 2019. Tidak perlu lagi bersusah payah mencari uang, Anda bebas menikmati waktu Anda. Situs link alternatif pokerace 2019 deposit murah yang menyediakan banyak permainan dengan pelayanan berkualitas. Jadi silahkan daftar dan segera mainkan permainan. Dijamin mudah dan cepat. Anda akan diberi pelayanan yang ramah dan cepat saat proses pendaftaran. Didukung dengan sistem terbaru dan tim profesional serta kemudahan bertransaksi. Kami menjamin kerahasiaan data member.; 15 de março de 2019 às 05:15
SteveLong disse...: Google AdSense menyediakan cara bagi pemilik situs web untuk mendapatkan uang dari konten online mereka. AdSense bekerja dengan mencocokkan iklan teks dan iklan bergambar dengan situs Anda berdasarkan konten dan pengunjung.

Mendapatkan untung besar dari bermain judi poker online terbilang menarik. Tak banyak kalangan mengetahui bahwa permainan judi online memiliki potensi cukup besar untuk mendatangkan keuntungan. Judi online dan poker online masih dianggap sebagai permainan favorit yang membuat pemainnya mendapatkan keuntungan yang sangat besar.
Sebenarnya ada hal sederhana bisa didapatkan dari permainan judi online bahkan bisa membuat Anda mendapatkan bonus agen poker online. Menjadi agen dalam permainan judi poker online menjadi satu keuntungan tersendiri, maka dari itu sebisa mungkin Anda mengenali hal-hal sederhana yang bisa membuat pemain mendapatkan bonus. Besarnya bonus biasanya cukup besar, sehingga pemain poker online selalu memperhatikan berbagai hal yang saat ini menentukan besarnya bonus sebagai agen poker online.Bergabung lah di situs terbaik dan terpecaya di link bawah ini :

poker online indonesia
poker
agen sbobet
dewabet
capsa susun
agen sbobet; 18 de março de 2019 às 23:56
widi disse...: Bagi Anda pecinta permainan poker, Telah hadir permainan lapak303 terpercaya sangat mengutamakan Fairplay dan Kenyamanan Pemainnya link alternatif miyabipoker 2019 , dimana terdapat berbagai macam jenis permainan yang seru dan tentunya sangat menguntungkan. Tunggu apa lagi segera daftar dan dapatkan keuntunganya Di pokerlounge99. Dijamin Anda akan diberi pelayanan yang ramah dan cepat saat proses pendaftaran. Didukung dengan sistem terbaru dan tim yang profesional serta kemudahan bertransaksi Di pokerrepublik Anda tidak akan kecewa. Kami menjamin kerahasiaan data member. Jangan hanya di baca saja segera kunjungi kudapoker. Ajak juga teman Anda untuk bisa merasakan sensasi luar biasa saat bermain. Hanya dengan modal minim Anda sudah punya user id dan Anda bisa menjadi Milioner dadakan. Segera daftar dan mainkan jangan sia-siakan kesempatan ini, Sayang bila Anda lewatkan.; 20 de março de 2019 às 04:31
Dr. Zakir Ali Rajnish disse...: Wow, Amazing blog post. You may also like Best Schools In Dehradun, Best Schools In Kolkata; 9 de fevereiro de 2020 às 04:41
todaynewspedia disse...: Daily News Era
News Updates
Sports Daily News Era
Market News Updates
US News Updates; 13 de maio de 2022 às 02:55

Postar um comentário

Continuous Shared Element Transitions: RecyclerView to ViewPager

6 comentários :

Labels

Archive

Feed