FlipViewPager.Draco

Mudanças:

• Tornou as visualizações clicáveis ​​como um botão clicável dentro do FlipViewPager.
• Utilize o RecyclerView.
• Atualizado para API 23.
• Adicionado suporte para cliques de fechamento em uma MergePage, por exemplo, para adicionar um botão de fechamento.

FlipViewPager.Draco

Este projeto tem como objetivo fornecer uma implementação funcional de inversão de página para uso em ListView. Feito em [Yalantis] (https://yalantis.com/?utm_source=github)

• Verifique este [projeto no Dribbble] (https://dribbble.com/shots/1758298-Find-Friends-Interaction?list=users&offset=35)

• Veja como funciona no [Youtube] (https://www.youtube.com/watch?v=zNRPjS53m5w)

#Uso

Para uma implementação funcional, dê uma olhada no Projeto de Amostra - amostra

Para obter a mesma visualização em grade, você deve:

1. Incluir a biblioteca como projeto de biblioteca local:

   compile ' com.yalantis:flipviewpager:1.0.0 '

2. Crie seu layout principal, será a visualização com 2 itens mesclados:

    <!-- ... -->
   
   < ImageView
       android : id = " @+id/first "
       xmlns : android = " http://schemas.android.com/apk/res/android "
       android : layout_width = " 0dp "
       android : layout_weight = " 1 "
       android : contentDescription = " left image "
       android : layout_height = " wrap_content "
       android : scaleType = " fitXY " />
   
   < LinearLayout
       android : layout_width = " 1dp "
       android : layout_weight = " 0 "
       android : background = " #000000 "
       android : layout_height = " fill_parent " />
   
   < ImageView
       android : id = " @+id/second "
       android : layout_width = " 0dp "
       android : layout_weight = " 1 "
       android : contentDescription = " right image "
       android : layout_height = " wrap_content "
       android : scaleType = " fitXY " />
   
   <!-- ... -->

3. Crie um layout para exibir informações adicionais para cada item mesclado:

    <!-- ... -->
   
   < com .yalantis.flip.sample.views.FontTextView
       style = " @style/TextView.Nickname "
       android : id = " @+id/nickname " />
   
   < LinearLayout
       android : layout_below = " @+id/nickname "
       android : id = " @+id/interestsPrimary "
       style = " @style/LinearLayout.Interests " >
   
       < com .yalantis.flip.sample.views.FontTextView
           style = " @style/TextView.Interest "
           android : id = " @+id/interest_1 " />
   
       <!-- ... -->
   
   </ LinearLayout >
   

4. Crie seu adaptador e estenda-o de BaseFlipAdapter<T>

    class FriendsAdapter extends BaseFlipAdapter < Friend > {
   
   	@ Override
   	public View getPage ( int position ,
   			    View convertView ,
   			    ViewGroup parent ,
   			    Friend friend1 ,
   			    Friend friend2 ) {
   		// ...
   	}
   
   	class FriendsHolder {
       	// ...
       }
   }

5. Configure seu adaptador no ListView

    final ListView friends = ( ListView ) findViewById ( R . id . friends );
   friends . setAdapter ( new FriendsAdapter ( this , Utils . friends , settings ));

6. Você pode lidar com cliques como no ListView normal

 friends . setOnItemClickListener ( new AdapterView . OnItemClickListener () {
    @ Override
    public void onItemClick ( AdapterView <?> parent , View view , int position , long id ) {
        Friend friend = ( Friend ) friends . getAdapter (). getItem ( position );
        Toast . makeText ( FriendsActivity . this , friend . getNickname (), Toast . LENGTH_SHORT ). show ();
    }
});

Mais opções serão adicionadas em breve :)

#Personalização

Para personalizar a página será mostrada primeiro - crie e passe o objeto FlipSettings para o adaptador

 FlipSettings settings = new FlipSettings . Builder (). defaultPage ( 1 ). build ();

#Compatibilidade

• Android 4.0+

Registro de alterações

Versão: 1.0

• Construção inicial

Deixe-nos saber!

Ficaríamos muito felizes se você nos enviasse links para seus projetos onde você usa nosso componente. Basta enviar um e-mail para [email protected] e nos avisar se tiver alguma dúvida ou sugestão em relação à animação.

PS: Vamos publicar mais maravilhas embrulhadas em código e um tutorial sobre como tornar a UI para Android (iOS) melhor do que melhor. Fique atento!

Licença

 Copyright 2017, Yalantis

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.