آموزش منو سفارشی CircleMenu در برنامه نویسی اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش منو سفارشی CircleMenu در برنامه نویسی اندروید می پردازیم همانطور که از نام آن پیدا است این منو به شکل گرد می باشد در ادامه می توانید پیش نمایشی از آن را مشاهده کنید با ما همراه باشید.
به علت بالا بودن حجم از لینک زیر برای دیدن آن استفاده کنید.
لینک
همانطور که دید بسیار زیبا است و باعث متریال دیزاین شدن اپ شما می شود به شما پیشنهاد می کنم حتما از این منو استفاده کنید.
مثل همیشه برای استفاده از این منو باید کتاب خانه آن را اضافه کنیم.
برای این کار وارد فایل Build.gradle شده از نوع module و سپس در بخش dependencies خط زیر را اضافه کنید.

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

1	compile 'com.github.imangazalievm:circlemenu:1.0.3'

بعد از اینکه پروژه sync شد (علت خطاهای گریدل رو قبلا بررسی کرده ایم )
در جایی که می خواید منو را قرار دهید کد زیر را قرار دهید.

<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.CircleMenuButton
            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.CircleMenuButton
            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.CircleMenuButton
            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>

<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.CircleMenuButton

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.CircleMenuButton

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.CircleMenuButton

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 خود منو اصلی و CircleMenuButton دکمه هایی داخلی آن را ایجاد می کند تست کنید تا با کارای بقیه اجزا آشنا شوید.
و برای handle کردن کلیک می توانید از کد زیر استفاده کنید.

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

CircleMenu circleMenu = (CircleMenu) findViewById(R.id.circleMenu);

circleMenu.setOnItemClickListener(new CircleMenu.OnItemClickListener() {

@Override

public void onItemClick(MenuButton menuButton) {

}

});

برای بررسی اینکه کدام یکی از دکمه ها کلیک شده از menuButton استفاده می کنیم.
برای اینکه بررسی کنیم کی باز و بسته شده (Expand و Collaps ) می توانیم از کد زیر استفاده کنیم در دو بخش void ها منظورمه.

circleMenu.setStateUpdateListener(new CircleMenu.OnStateUpdateListener() {
    @Override
    public void onMenuExpanded() {
    }
    @Override
    public void onMenuCollapsed() {
    }
});

circleMenu.setStateUpdateListener(new CircleMenu.OnStateUpdateListener() {

@Override

public void onMenuExpanded() {

}

@Override

public void onMenuCollapsed() {

}

});

این آموزش هم همانند آموزش های دیگر به پایان رسید.

موفق و موید باشید.

مطالعه بیشتر

مطالب مشابه

ادامه مطلب

آموزش ساخت تایمر معکوس در برنامه نویسی اندروید

ادامه مطلب

آموزش Expandable Panel در برنامه نویسی اندروید

ادامه مطلب

آموزش انتقال داده بین فرم ها در سی شارپ

ادامه مطلب

ساخت پروفایل متریال دیزاین در برنامه نویسی اندروید

ادامه مطلب

آموزش CoordinatorLayout در برنامه نویسی اندروید

ادامه مطلب

آموزش بارگذاری عکس و Caching در برنامه نویسی اندروید

ادامه مطلب

آموزش کار با PackageManager در برنامه نویسی اندروید

ادامه مطلب

آموزش خواندن تاریخچه تماس (Call History) در اندروید

11 پاسخ به “آموزش منو سفارشی CircleMenu در برنامه نویسی اندروید”

رضا گفت:
مرداد 8, 1396 در 7:44 ب.ظ
ببخشید عالی بود لطفا ویدیویی بکنید
پاسخ
1. محمد حسین جعفری پور مدیر سایت گفت:
  مرداد 8, 1396 در 8:07 ب.ظ
  امکان قرار دادن ویدیو فعلا وجود ندارد ولی به زودی قرار میدهیم.
  پاسخ

سلام ببخشید چطور میشه به جای اون دکمه اصلی منو با تاچ کار کنه؟ یعنی روی صفحه تاچ کنه اون منوی دایره ای باز شه

پاسخ

باید یک view باشد که touch شود مثلا می تواند Liner Layout باشد و بعد از find کردن مثل زیر Touch را تعریف کنید.

mView.setOnTouchListener(new OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        //show dialog here
        return false;
    }
});

mView.setOnTouchListener(new OnTouchListener() {

@Override

public boolean onTouch(View v, MotionEvent event) {

//show dialog here

return false;

}

});

و برای نمایش آن باید خودتان فکری بکنید.

پاسخ

سعید گفت:
دی 16, 1396 در 9:41 ب.ظ
سلام میبخشین واسه عملکرد هرکدوم از دکمه های منو هم کدشو بزارین ممنون
پاسخ
1. محمد حسین جعفری پور مدیر سایت گفت:
  دی 18, 1396 در 9:45 ق.ظ
  سلام کد قبلا قرار گرفته است.
  پاسخ
ABZ گفت:
بهمن 2, 1396 در 7:46 ب.ظ
چجوری میشه اون دکمه وسطی که وقتی روش کلیک میکنیم بقیه دکمه ها میان رو اکونش رو عوض کرد
پاسخ
ALIBZ گفت:
بهمن 2, 1396 در 7:47 ب.ظ
چجوری میشه اون دکمه وسطی که وقتی روش کلیک میکنیم بقیه دکمه ها میان رو اکونش رو عوض کرد
پاسخ
انسی گفت:
تیر 16, 1397 در 12:58 ب.ظ
سلام وقتتون بخیر ببخشید چطور میشه زیر هرکدوم از دکمه ها اسمشو بنویسیم؟
پاسخ
1. محمد حسین جعفری پور مدیر سایت گفت:
  تیر 16, 1397 در 2:42 ب.ظ
  سلام این قابلیت وجود ندارد.
  پاسخ
بهرام گفت:
دی 2, 1398 در 4:53 ب.ظ
ممنون عالیه
فقط عملکرد هرکدوم نوشته نشده؟؟
چطوری میشه نوشت که مثلا دکمه سرچ اتخاب شده toast کنه سرچ
پاسخ

مطالب مشابه

11 پاسخ به “آموزش منو سفارشی CircleMenu در برنامه نویسی اندروید”

دیدگاهتان را بنویسید لغو پاسخ

اشتراک گذاری در شبکه های اجتماعی