De Shalom Gibly, engenheiro de software da equipe Google do Material Gallery
aqui .
O que são os elementos compartilhados?
transição de elemento compartilhado determina como as visualizações presentes em dois fragmentos realizam uma transição entre si. Por exemplo, uma imagem exibida em um ImageView nos fragmentos A e B faz uma transição de A para B quando B fica visível.
site dos desenvolvedores Android e assistir à esta apresentação da Google I/O 2016.
Os desafios
Mapeamento de elementos compartilhados
remapear dinamicamente os elementos compartilhados para dar ao sistema de transições do Android o que ele precisa para fazer a sua mágica.
Carregamento 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 exemplo
Estrutura básica
GridFragment para apresentar um RecyclerView de imagens. O adaptador do RecyclerView carrega os itens de imagem (uma matriz constante definida na classe ImageData) e gerencia os eventos onClick substituindo o GridFragment exibido por um ImagePagerFragment.
ImagePagerFragment carrega os ImageFragments aninhados para exibir as imagens no momento da paginação.
Observação: a implementação do aplicativo de exemplo usa o Glide , que carrega imagens em visualizações de forma assíncrona. As imagens do aplicativo de exemplo foram agrupadas com ele. Porém, é bem fácil converter a classe ImageData para armazenar strings de URL que apontam para imagens on-line.
Coordenação de uma posição selecionada/exibida
MainActivity para armazenar a posição.
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ções
remapear dinamicamente os elementos compartilhados para dar ao sistema de transição o que ele precisa para fazer a sua mágica.
transitionName para as visualizações de imagem no XML não funciona, já que estamos lidando com uma quantidade arbitrária de visualizações que compartilham a mesma disposição (por exemplo, visualizações infladas pelo adaptador RecyclerView ou pelo ImageFragment).
Definimos um nome para a transição nas visualizações de imagem chamando setTransitionName 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 onMapSharedElements GridFragment e na entrada do ImagePagerFragment.
Configuração da transação do FragmentManager
FragmentManager. Precisamos informar o sistema de que temos uma transição de elemento compartilhado.
fragment.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();
setReorderingAllowed está definido como true. Dessa forma, as mudanças de estado dos fragmentos são reordenadas para aprimorar as transições entre os elementos compartilhados. Nos fragmentos adicionados, onCreate(Bundle) é chamada antes que os fragmentos substituídos chamem onDestroy(), o que permite criar e dispor a visualização compartilhada antes do início da transição.
Transição de imagem
TransitionSet em um arquivo XML e o carregamos no ImagePagerFragment.
<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 compartilhado
GridFragment. Para isso, chamamos setExit SharedElementCallback() e fornecemos um SharedElementCallback que mapeia os nomes dos elementos nas visualizações que queremos incluir na transição.
saída do Fragment, quando a transação de fragmento ocorre, e na reentrada no Fragment quando ele é retirado da pilha de retorno (na navegação no sentido contrário). Usamos esse comportamento para remapear a visualização compartilhada e ajustar a transição para gerenciar casos em que a visualização é alterada depois da paginação das imagens.
ImageView, da grade ao fragmento mantido pelo paginador. Portanto, o mapeamento só precisa ser ajustado para o primeiro elemento nomeado recebido no retorno de chamada de onMapSharedElements.
<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));
}
});
ImagePagerFragment. Para tanto, chamamos setEnter SharedElementCallback().<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ção
postpone (adiamento) para a transição até que as visualizações participantes estejam prontas (ou seja, dispostas e carregadas com os dados das imagens).
postponeEnterTransition() onCreateView() dos nossos fragmentos. Quando a imagem é carregada, começamos a transição chamando 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 para carregar as imagens, adicionamos ouvintes que acionam a transição de entrada quando as imagens são carregadas.
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.
ImageFragment carrega uma imagem e notifica seu pai quando está pronto.
postponeEnterTransition é feita no ImagePagerFragment e a startPostponeEnterTransition é chamada no ImageFragment filho criado pelo paginador.
<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 finais
TransitionSet aplicado como transição de saída do GridFragment.
<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);
GridFragment para rolar e revelar o cartão de destino da transição quando navegamos de volta do paginador (isso é feito em onViewCreated):
<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ão
RecyclerView para um ViewPager e vice-versa.
remapeamento do elemento compartilhado para que a transição funcione quando as visualizações compartilhadas mudam dinamicamente durante a navegação no aplicativo.
aqui .
4 comentários :
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.
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.
Wow, Amazing blog post. You may also like Best Schools In Dehradun, Best Schools In Kolkata
So much useful information in one place. Official Ehsaas Program Guidelines Thanks a lot!
Postar um comentário