4
จะเลียนแบบพฤติกรรม 3 เฟสด้านล่างของ Google Maps ได้อย่างไร
พื้นหลัง ฉันได้รับมอบหมายให้สร้าง UI ที่ทำงานคล้ายกับที่ Google Maps แสดงแผ่นงานด้านล่างสำหรับผลลัพธ์ที่พบ มีสามขั้นตอนที่แตกต่างกัน: เนื้อหาด้านล่าง พื้นที่ด้านบนยังคงสัมผัสได้และจะไม่เลื่อนอะไรเลยที่ด้านล่าง เนื้อหาเต็มหน้าจอในขณะที่พื้นที่ด้านบนมีส่วนหัวขนาดใหญ่ เนื้อหาเต็มหน้าจอในขณะที่พื้นที่ด้านบนมีเพียงแถบเครื่องมือ นี่คือสิ่งที่ฉันกำลังพูดถึงบน Google Maps: ปัญหา สิ่งนี้คือแผ่นงานด้านล่างยังไม่ได้เป็นส่วนหนึ่งของไลบรารีการออกแบบ (แม้ว่าจะมีการร้องขอที่นี่ ) ไม่เพียงแค่นั้น แต่ UI นั้นค่อนข้างซับซ้อนและต้องการการจัดการแถบเครื่องมือในหลาย ๆ ขั้นตอน สิ่งที่ฉันพยายาม ฉันพบไลบรารีที่ดี (เพียงพอ) สำหรับแผ่นงานด้านล่าง ( ที่นี่ ) และเพิ่มเนื้อหาลงในตัวอย่างส่วนย่อยเพื่อให้มีมุมมองเดียวกันกับที่แสดงในตัวอย่างการออกแบบวัสดุ (เช่นที่นี่ ) เพื่อให้มี CollapsingToolbarLayout ที่จะดูแล ของเฟส 2 + 3 ในแอพที่ฉันกำลังทำฉันต้องย้ายไอคอนด้วยในขณะที่คุณเลื่อน แต่ฉันคิดว่าถ้าฉันประสบความสำเร็จกับส่วนที่เหลือมันน่าจะง่าย นี่คือรหัส: fragment_my.xml <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout …