FlipViewPager.Draco

Perubahan:

• Membuat tampilan yang dapat diklik seperti tombol yang dapat diklik di dalam FlipViewPager.
• Gunakan RecyclerView.
• Diperbarui ke API 23.
• Menambahkan dukungan untuk klik tutup pada MergePage misalnya untuk menambahkan tombol tutup.

FlipViewPager.Draco

Proyek ini bertujuan untuk menyediakan implementasi flip halaman yang berfungsi untuk penggunaan di ListView. Dibuat di [Yalantis] (https://yalantis.com/?utm_source=github)

• Periksa [proyek di Dribbble] ini (https://dribbble.com/shots/1758298-Find-Friends-Interaction?list=users&offset=35)

• Lihat cara kerjanya di [Youtube] (https://www.youtube.com/watch?v=zNRPjS53m5w)

#Penggunaan

Untuk implementasi kerja, Silahkan lihat di Contoh Proyek - sampel

Untuk mendapatkan tampilan grid yang sama, Anda harus:

1. Sertakan perpustakaan sebagai proyek perpustakaan lokal:

   compile ' com.yalantis:flipviewpager:1.0.0 '

2. Buat tata letak utama Anda, itu akan menjadi tampilan dengan 2 item yang digabungkan menjadi satu:

    <!-- ... -->
   
   < 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. Buat tata letak untuk menampilkan info tambahan untuk setiap item yang digabungkan:

    <!-- ... -->
   
   < 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. Buat adaptor Anda dan perluas dari BaseFlipAdapter<T>

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

5. Atur adaptor Anda di ListView

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

6. Anda dapat menangani klik seperti di ListView biasa

 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 ();
    }
});

Opsi lainnya akan segera ditambahkan :)

#Kustomisasi

Untuk menyesuaikan halaman akan ditampilkan terlebih dahulu - buat dan teruskan objek FlipSettings ke adaptor

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

#Kesesuaian

• Android 4.0+

log perubahan

Versi: 1.0

• Pembangunan Awal

Beri tahu kami!

Kami akan sangat senang jika Anda mengirimi kami tautan ke proyek tempat Anda menggunakan komponen kami. Cukup kirim email ke [email protected] Dan beri tahu kami jika Anda memiliki pertanyaan atau saran mengenai animasi tersebut.

PS Kami akan menerbitkan lebih banyak kehebatan yang dibungkus dalam kode dan tutorial tentang cara membuat UI untuk Android (iOS) lebih baik daripada lebih baik. Pantau terus!

Lisensi

 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.