ما عليك سوى تنزيل الحزمة من هنا وإضافتها إلى مسار فئة المشروع الخاص بك، أو فقط استخدم maven repo:
غرادل:
implementation ' com.ramotion.circlemenu:circle-menu:0.3.2 '
سبت:
libraryDependencies += " com.ramotion.circlemenu " % " circle-menu " % " 0.3.2 "
مخضرم:
< dependency >
< groupId >com.ramotion.circlemenu</ groupId >
< artifactId >circle-menu</ artifactId >
< version >0.3.2</ version >
</ dependency >
ضع CircleMenuView
في مخططك واضبط أيقونات وألوان الأزرار، كما هو موضح أدناه.
app:button_colors="@array/colors"
app:button_icons="@array/icons"
مثال على colors
المصفوفات icons
في resvaluesbuttons.xml
:
<? xml version = " 1.0 " encoding = " utf-8 " ?>
< resources >
< array name = " icons " >
< item >@drawable/ic_home_white_24dp</ item >
< item >@drawable/ic_search_white_24dp</ item >
< item >@drawable/ic_notifications_white_24dp</ item >
< item >@drawable/ic_settings_white_24dp</ item >
< item >@drawable/ic_place_white_24dp</ item >
</ array >
< array name = " colors " >
< item >@android:color/holo_blue_light</ item >
< item >@android:color/holo_green_dark</ item >
< item >@android:color/holo_red_light</ item >
< item >@android:color/holo_purple</ item >
< item >@android:color/holo_orange_light</ item >
</ array >
</ resources >
أو استخدم المنشئ
CircleMenuView ( @ NonNull Context context , @ NonNull List < Integer > icons , @ NonNull List < Integer > colors )
لإضافة CircleMenuView
وتكوين الأزرار برمجيًا (في الكود).
بعد ذلك، قم بتوصيل معالج الأحداث CircleMenuView.EventListener
كما هو موضح أدناه، وتجاوز الطرق التي تحتاجها.
final CircleMenuView menu = ( CircleMenuView ) findViewById ( R . id . circle_menu );
menu . setEventListener ( new CircleMenuView . EventListener () {
@ Override
public void onMenuOpenAnimationStart ( @ NonNull CircleMenuView view ) {
Log . d ( "D" , "onMenuOpenAnimationStart" );
}
@ Override
public void onMenuOpenAnimationEnd ( @ NonNull CircleMenuView view ) {
Log . d ( "D" , "onMenuOpenAnimationEnd" );
}
@ Override
public void onMenuCloseAnimationStart ( @ NonNull CircleMenuView view ) {
Log . d ( "D" , "onMenuCloseAnimationStart" );
}
@ Override
public void onMenuCloseAnimationEnd ( @ NonNull CircleMenuView view ) {
Log . d ( "D" , "onMenuCloseAnimationEnd" );
}
@ Override
public void onButtonClickAnimationStart ( @ NonNull CircleMenuView view , int index ) {
Log . d ( "D" , "onButtonClickAnimationStart| index: " + index );
}
@ Override
public void onButtonClickAnimationEnd ( @ NonNull CircleMenuView view , int index ) {
Log . d ( "D" , "onButtonClickAnimationEnd| index: " + index );
}
});
يمكنك استخدام طرق open(boolean animate)
close(boolean animate)
لفتح القائمة وإغلاقها برمجيًا
فيما يلي السمات التي يمكنك تحديدها من خلال XML أو أدوات الضبط ذات الصلة:
button_icons
- مجموعة من أيقونات الأزرار.button_colors
- مجموعة من ألوان الأزرار.icon_menu
- أيقونة القائمة الافتراضية.icon_close
- أيقونة القائمة مغلقة.icon_color
- لون رمز القائمة.duration_ring
- مدة تأثير الحلقة.duration_open
- مدة الرسوم المتحركة لفتح القائمة.duration_close
- مدة الرسوم المتحركة لإغلاق القائمة.distance
- المسافة بين الزر الأوسط والأزرار تم إصدار Circle Menu Android بموجب ترخيص MIT. راجع الترخيص للحصول على التفاصيل.
تعد هذه المكتبة جزءًا من مجموعة مختارة من أفضل مشاريعنا مفتوحة المصدر لواجهة المستخدم
إذا كنت تستخدم المكتبة مفتوحة المصدر في مشروعك، فيرجى التأكد من الاعتماد والارتباط الخلفي بموقع www.ramotion.com
جرب مكون واجهة المستخدم هذا والمزيد مثل هذا في تطبيق Android الخاص بنا. اتصل بنا إذا كانت مهتمة.