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 দেখাবে ।

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

মন্তব্যসমূহ

একটি মন্তব্য পোস্ট করুন

এই ব্লগটি থেকে জনপ্রিয় পোস্টগুলি

Spinner View - 11 ( Android Bangla Tutorial)

স্পিনার ভিউ হল এমন এক ধরনের ভিউ যেখানে ওই ভিউ উপাদানটির ভিতর আরো অনেক ভিউ এর একটি লিস্ট থাকবে এবং সেখান থেকে কোন এক ভিউ সিলেক্ট করে আমরা নিজেদের মত কাজ করতে পারবো । In Xml -                       <TextView                     android:id="@+id/country"                     android:layout_width="wrap_content"                     android:layout_height="wrap_content"                     android:text="Select your Country :"                     android:textSize="20sp"    />    // টেক্সভিউ দ্বারা স্পিনার ভিউ তে আমরা কি দেখাবো তার নির্দেশনা দিয়ে দিলাম        < android.support.v7.widget.AppCompatSpinner                           android:id="@+id/spinner"                           android:layout_width="0dp"                           android:layout_height="wrap_content"                           android:layout_weight="1"       </ android.support.v7.widget.AppCompatSpinner >
আরও পড়ুন

Toggle Button - 10 ( Android Bangla Tutorial)

ছবি
Toogle বাটন হল যে বাটনের সাহায্যে একসাথে ২টি কাজ করা যায় যেমন আমাদের মোবাইলের টর্চ এর বাটন একটিই থাকে কিন্তু একবার টিপ দিলে জ্বলে আবার সেই বাটন-কেই টিপ দিলে আবার নিভে যায় । প্রথমে আমরা UI ডিজাইন করবো । টোগল বাটন নিয়ে কাজ করতে প্রথমে আমাদের যে ভিউ উপাদানটি লাগবে তা হল <ToggleButton In Xml -               <ToggleButton                        android:id="@+id/toggle_button"                       android:layout_width="match_parent"                       android:layout_height="wrap_content"                                                   android:textOff ="light off"                       android:textOn="light on"                       android:textAllCaps="false"                       android:textAppearance="?android:textAppearanceLarge"                       android:onClick="toggle"                       /> এখানে আমরা নতুন যে ২টি ট্যাগ এর সাথে পরিচিত হয়েছি তা হল - textOff
আরও পড়ুন

LineaLayout ( Android Bangla Tutorial -5)

ছবি
বাই ডিফল্ট রুটে যে লেআউট টি এসেছে সেটি হল ConstraintLayout , তো শুরুতে আমরা অ্যান্ড্রোয়েড এর সবচেয়ে সহজ লেআউট টি নিয়ে কাজ করবো , আর সেটি হল LinearLayout তো  <android.support.constraint.ConstraintLayout কেটে দিয়ে শুরুতে লিখে নিন  <LinearLayout   এবং শেষে  </LinearLayout>  । আমরা প্রথমেই একটা বিষয় শিখে এসছিলাম মনে আছে কি ঃ) আপনি যদি বড় হাতের <L  লিখেন তাহলেই সাজেশনে দেখতে পাবেন , কষ্ট করে পুরোটুকু লেখার দরকার নাই । এখানে  <LinearLayout   এর মধ্যে আর একটি ট্যাগের সাথে পরিচিত হব , তা হল -  orientation  । লিনিয়ার লেআউট এর উপাদান বা কম্পোনেন্ট দিয়ে আপনি আপনার অ্যাপ ২ভাবে সাজাতে পারবেন । ১- পাশাপাশি আর ২- উপর-নিচ । এখন আপনি কিভাবে সাজাতে চান সেটির নির্দেশনাই দিয়ে দিবেন এই  orientation  ভিতর । যেমন - অথবা         android :orientation= "Horizontal" > এখন এই লিনিয়ার লেআউট কিংবা কন্সট্রান্ট লেআউট কিংবা অন্য যে আর একটি লেআউট আছে রিলেটিভ লেআউট , এসব লেআউট এর ভিতরে চাইল্ড উপাদান হিসেবে যে কম্পোনেন্ট গুলো থাকবে এদের ভিতর কোন পার্থক্য নেই । শুধুমাত্র অ
আরও পড়ুন