circle menu

এই পর্বে আমরা শিখবো এপে কিভাবে Circle Menu ইউজ করতে হয় । Circle Menu দেখতে এরকম হবে -

এজন্য আমরা একটি সাপোর্ট লাইব্রেরীর সাহায্য নিবো । সাপোর্ট লাইব্রেরী এড করতে গিঁটহাবে গিয়ে Circle Menu লিখে সার্চ করুন । অনেকগুলো লাইব্রেরী পাবেন । এখানে আমরা https://github.com/Hitomis/CircleMenu  এটি ব্যাবহার করবো । 

উপরের লিংকে গিয়ে Import  অপশনে দেয়া ১ম অংশটি build.gradle (project) লেভেলে এবং ২য় টি build.gradle (app)  লেভেলে এড করে নিন । 

compile এর পরবর্তীতে implementation ব্যাবহার করবেন । 

এবার  activity_main.xml এ চলে আসুন । CircleMenu নামে একটি ভিউ নিবো । 

 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout  
   xmlns:android="http://schemas.android.com/apk/res/android"  
   xmlns:app="http://schemas.android.com/apk/res-auto"  
   xmlns:tools="http://schemas.android.com/tools"  
   android:layout_width="match_parent"  
   android:layout_height="match_parent"  
   tools:context=".MainActivity"  
   android:padding="10dp"  
   android:layout_margin="10dp">  
   
   <com.hitomi.cmlibrary.CircleMenu  
     android:id="@+id/circleMenu"  
     android:layout_width="match_parent"  
     android:layout_height="match_parent" />  
 </LinearLayout>  

MainActivity.java -

 public class MainActivity extends AppCompatActivity {  
   
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     setContentView(R.layout.activity_main);  
   
     CircleMenu menu = findViewById(R.id.circleMenu);  
   
     menu.setMainMenu(Color.parseColor("#9575CD"),R.drawable.ic_favorite,R.drawable.ic_clear)  
         .addSubMenu(Color.parseColor("#258CFF"),R.drawable.facebook)  
         .addSubMenu(Color.parseColor("#E65100"),R.drawable.youtube)  
         .addSubMenu(Color.parseColor("#FFFF00"),R.drawable.snapchat)  
         .addSubMenu(Color.parseColor("#03A9F4"),R.drawable.twitter)  
         .addSubMenu(Color.parseColor("#43A047"),R.drawable.whatsapp)  
         .setOnMenuSelectedListener(new OnMenuSelectedListener() {  
           @Override  
           public void onMenuSelected(int i) {  
             if (i == 1){  
               Toast.makeText(MainActivity.this, "Youtube", Toast.LENGTH_SHORT).show();  
             }  
           }  
         });  
   
   }  
 }  

setMainMenu হল মাঝের সার্কেলটি । প্রথমে সেই সার্কেল এর কালার কি হবে সেটি ডিক্লার করতে হবে , এখানে হ্যাস কোড দিয়েই কালার সেট করতে হবে । এরপর সর্বদা যে আইকনটি দেখাবে সেটি সেট করে দিলাম ,এবং পরের আইকনটি হল সেটিতে ক্লিক করলে যে আইকন দেখাবে সেটি ।

সেই সাথে subMenu হিসেবে আমরা যতটি আইকন দেখাতে চাই সেগুলো পরপর সেট করে দিবো । এখানে আমি ৫ টি আইকন দেখালাম । আপনি চাইলে ৫ এর কম কিংবা অধিক আইকনও দেখাতে পারেন ।

এবং সর্বশেষ আইকন গুলোয় ক্লিক করলে কি কাজ করবে সেটি setOnMenuSelectedListener এর ভিতরে সেট করে দিতে হয়। এখানে i হল আইকন গুলোর index । আমরা জানি প্রোগ্রামিং এ index , ০ থেকে শুরু হয় । এখানে i == 1 দিলাম মানে ১ নাম্বার index এ যে আইকন টি আছে (ইউটিউব) সেটিতে ক্লিক করলে YouTube দেখাবে ।

এবার এপটি রান করে দেখুন । ধন্যবাদ  😊😊😊