GuillotineMenu Android
Dependencies and readme updated
ไลบรารีเรียบร้อยที่ให้วิธีง่ายๆ ในการใช้แอนิเมชั่นสไตล์กิโยติน
ตรวจสอบนี้ [โครงการบน Dribbble] (https://dribbble.com/shots/2018249-Guillotine-Menu)
นอกจากนี้ โปรดอ่านวิธีการใน [บล็อกของเรา] (https://yalantis.com/blog/how-we-developed-the-guillotine-menu-animation-for-android/?utm_source=github)
สำหรับการใช้งานจริง โปรดดูที่โมดูลแอป
เพิ่มที่เก็บ JitPack ใน root build.gradle ของคุณที่ส่วนท้ายของที่เก็บ:
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
เพิ่มการพึ่งพาให้กับแอปของคุณ build.gradle
dependencies {
compile 'com.github.Yalantis:GuillotineMenu-Android:1.2'
}
คุณต้องสร้างเค้าโครงสำหรับเมนูการนำทาง ( guillotine.xml ในแอปตัวอย่าง) ซึ่งจะเปิดและปิดสไตล์กิโยตินในภายหลัง ส่วนที่ยุ่งยากเพียงอย่างเดียวคือเค้าโครงการนำทางควรอยู่ด้านบนของเนื้อหาอื่น ๆ และจะหายไปหลังจากสิ้นสุดภาพเคลื่อนไหว นั่นคือเหตุผลที่เค้าโครงเนื้อหา ( activity.xml ในแอปตัวอย่าง) ควรมีไอคอนแฮมเบอร์เกอร์ที่พิกัดเดียวกับที่เมนูนำทางมี
หลังจากนั้นสิ่งที่คุณต้องทำคือสร้างแอนิเมชั่นโดยส่งออบเจ็กต์เลย์เอาต์การนำทาง การนำทาง และออบเจ็กต์แฮมเบอร์เกอร์เลย์เอาต์เนื้อหาไปยัง GuillotineAnimation.GuillotineBuilder ในเมธอด onCreate ของคุณ
new GuillotineAnimation . GuillotineBuilder ( guillotineMenu , guillotineMenu . findViewById ( R . id . guillotine_hamburger ), contentHamburger )
. setActionBarViewForAnimation ( toolbar )
. build (); ที่นี่เมธอด setActionBarViewForAnimation เปิดใช้งานเอฟเฟกต์การตีกลับของ Toolbar ที่ส่วนท้ายของแอนิเมชั่นการปิดกิโยติน
ตัวสร้างช่วยให้คุณสามารถปรับแต่งการหน่วงเวลาเริ่มต้น ระยะเวลา การแก้ไข และคุณสามารถตั้งค่าผู้ฟังได้หากคุณต้องการดำเนินการในขณะที่เมนูถูกเปิดหรือปิด
เรายินดีเป็นอย่างยิ่งหากคุณส่งลิงก์ไปยังโครงการของคุณที่คุณใช้ส่วนประกอบของเรา เพียงส่งอีเมลไปที่ [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.
