ساخت منو دایره ای در اندروید

دسته‌بندی:
بدون دیدگاه

سلام به همه دوستان خیلی وقت بود که مطلبی قرار نداده بودم و امروز دوباره برگشتم و میخوایم با همدیگه یک منوی دایره ای زیبا که تقریبا شبیه FAB هست و پیاده سازی کنیم.

 

آتیس کد

برنامه نویسی اندروید

در فایل build.gradle: خط زیر و در قسمت dependencies اضافه کنید.

compile 'com.github.imangazalievm:circlemenu:1.0.2'

خب کد های لایه xml هم به شکل زیر طراحی کنید.


<com.imangazaliev.circlemenu.CircleMenu 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_centerInParent="true"
 android:id="@+id/circleMenu" >

        <com.imangazaliev.circlemenu.MenuButton
 android:id="@+id/favorite"
 android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
app:colorNormal="#2196F3"
 app:colorPressed="#1E88E5"
 app:icon="@drawable/ic_favorite" />

        <com.imangazaliev.circlemenu.MenuButton 
android:id="@+id/search"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" 
app:colorNormal="#4CAF50" 
app:colorPressed="#43A047"
 app:icon="@drawable/ic_search"/>

        <com.imangazaliev.circlemenu.MenuButton 
android:id="@+id/alert" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"
 app:colorNormal="#F44336"
 app:colorPressed="#E53935"
 app:icon="@drawable/ic_alert"/>

</com.imangazaliev.circlemenu.CircleMenu>

در این کد از تگ CircleMenu برای تعریف خود دکمه منو استفاده کردیم و داخل این تگ سه عدد آیکون قرار دادیم که با کلیک کردن روی منو به ما نمایش داده میشوند پس برای تعریف هر تعداد آیکون برای منو باید تگ MenuButton را داخل ویو CircleMenu قرار دهید.

برای نوشتن رویداد کلیک کردن هم به شکل زیر عمل می کنیم.

CircleMenu circleMenu = (CircleMenu) findViewById(R.id.circleMenu);
circleMenu.setOnItemClickListener(new CircleMenu.OnItemClickListener() {
    @Override
    public void onItemClick(MenuButton menuButton) {

    }
});
برنامه نویسی اندروید

منو اندروید


https://github.com/ImangazalievM/CircleMenu?utm_source=android-arsenal.com&utm_medium=referral&utm_campaign=5361
آموزش زبان کاتلین
  • نویسنده
    hesam
  • تعداد بازدید
    526 views
0دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید

نوشته‌های ویژه
اخبار ویژه