مكتبة أنيقة توفر طريقة بسيطة لتنفيذ الرسوم المتحركة بأسلوب المقصلة
تحقق من هذا [المشروع على 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 في ملف 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
هنا تأثير الارتداد لشريط الأدوات في نهاية الرسوم المتحركة لإغلاق المقصلة.
يسمح لك Builder بتخصيص تأخير البدء والمدة والاستيفاء ويمكنك ضبط المستمع إذا كنت تريد القيام بالموظفين في اللحظة التي يتم فيها فتح القائمة أو إغلاقها.
سنكون سعداء حقًا إذا أرسلت إلينا روابط لمشاريعك التي تستخدم فيها المكون الخاص بنا. فقط أرسل بريدًا إلكترونيًا إلى [email protected] وأخبرنا إذا كان لديك أي أسئلة أو اقتراحات بخصوص الرسوم المتحركة.
ملاحظة: سنقوم بنشر المزيد من الروعة المغلفة في التعليمات البرمجية وبرنامج تعليمي حول كيفية جعل واجهة المستخدم لنظام 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.