FlipViewPager.Draco

การเปลี่ยนแปลง:

• ทำให้มุมมองที่คลิกได้เหมือนกับปุ่มที่สามารถคลิกได้ภายใน FlipViewPager
• ใช้ RecyclerView
• อัปเดตเป็น API 23
• เพิ่มการสนับสนุนสำหรับการคลิกปิดบน MergePage เช่น การเพิ่มปุ่มปิด

FlipViewPager.เดรโก

โปรเจ็กต์นี้มีจุดมุ่งหมายเพื่อให้การใช้งานการพลิกหน้าการทำงานสำหรับการใช้งานใน ListView สร้างใน [Yalantis] (https://yalantis.com/?utm_source=github)

• ตรวจสอบ [โครงการบน Dribbble] นี้ (https://dribbble.com/shots/1758298-Find-Friends-Interaction?list=users&offset=35)

• ดูวิธีการทำงานบน [Youtube] (https://www.youtube.com/watch?v=zNRPjS53m5w)

#การใช้งาน

สำหรับการดำเนินงาน ให้ดูที่โครงการตัวอย่าง - ตัวอย่าง

เพื่อให้ได้มุมมองแบบตารางเดียวกัน คุณควร:

1. รวมห้องสมุดเป็นโครงการห้องสมุดท้องถิ่น:

   compile ' com.yalantis:flipviewpager:1.0.0 '

2. สร้างเลย์เอาต์หลักของคุณ โดยจะเป็นมุมมองที่มี 2 รายการมารวมกัน:

    <!-- ... -->
   
   < 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. สร้างเค้าโครงสำหรับการแสดงข้อมูลเพิ่มเติมสำหรับแต่ละรายการที่ผสาน:

    <!-- ... -->
   
   < 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. สร้างอะแดปเตอร์ของคุณและขยายจาก BaseFlipAdapter<T>

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

5. ตั้งค่าอะแดปเตอร์ของคุณใน ListView

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

6. คุณสามารถจัดการการคลิกได้เหมือนกับใน ListView ปกติ

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

ตัวเลือกเพิ่มเติมจะถูกเพิ่มเร็ว ๆ นี้ :)

#การปรับแต่ง

ในการปรับแต่งหน้าจะแสดงก่อน - สร้างและส่งวัตถุ FlipSettings ไปยังอะแดปเตอร์

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

#ความเข้ากันได้

• แอนดรอยด์ 4.0 ขึ้นไป

บันทึกการเปลี่ยนแปลง

เวอร์ชัน: 1.0

• การสร้างเริ่มต้น

แจ้งให้เราทราบ!

เรายินดีเป็นอย่างยิ่งหากคุณส่งลิงก์ไปยังโครงการของคุณที่คุณใช้ส่วนประกอบของเรา เพียงส่งอีเมลไปที่ [email protected] และแจ้งให้เราทราบหากคุณมีคำถามหรือข้อเสนอแนะเกี่ยวกับแอนิเมชั่น

ป.ล. เราจะเผยแพร่ความเจ๋งเพิ่มเติมที่รวมอยู่ในโค้ดและบทช่วยสอนเกี่ยวกับวิธีทำให้ UI สำหรับ Android (iOS) ดีกว่าดีกว่า คอยติดตาม!

ใบอนุญาต

 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.