কিভাবে একটি বৃত্তাকার বোতাম করতে?


140

আমি একটি বৃত্তাকার বোতামটি তৈরি করার চেষ্টা করছি, তবে আমি কীভাবে এটি করতে পারি তা জানি না। আমি বৃত্তাকার কোণে বোতামটি তৈরি করতে পারি তবে আমি কীভাবে বৃত্তাকার বৃত্তাকার করতে পারি। এটি একই না. দয়া করে, বলুন, অ্যান্ড্রয়েডে এটি কি সম্ভব? ধন্যবাদ.


উত্তর:


265

roundedbutton.xmlঅঙ্কনযোগ্য ফোল্ডারে নামের একটি এক্সএমএল ফাইল তৈরি করুন

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle">
    <solid android:color="#eeffffff" />
    <corners android:bottomRightRadius="8dp"
        android:bottomLeftRadius="8dp"  
        android:topRightRadius="8dp"
        android:topLeftRadius="8dp"/>
</shape>

অবশেষে আপনার Buttonহিসাবে ব্যাকগ্রাউন্ড হিসাবে সেট করুনandroid:background = "@drawable/roundedbutton"

আপনি যদি এটি পুরোপুরি বৃত্তাকার করতে চান তবে ব্যাসার্ধটিকে পরিবর্তন করুন এবং এমন কিছু স্থির করুন যা আপনার পক্ষে ঠিক।


আপনার কি .xML প্রত্যয় প্রয়োজন? আমি ছাড়াও একটি উদাহরণ দেখেছি
নীল

@ নীল আপনার এক্সএমএল প্রত্যয় যুক্ত করার দরকার নেই, পাঠকের উদাহরণটি ভুল হিসাবে গ্রহণ না করে, এক্সএলএমএল প্রয়োজন হয় কিনা তা সন্ধানের জন্য আপনাকে গ্রহীতা অটো-সহায়তা আপনাকে সাহায্য করার জন্য ধারণাটি পরিষ্কারভাবে বোঝার উদ্দেশ্যে এবং এটি করার জন্য আমি এটি করেছি x বা না, আমার নিজস্ব উইন্ডোজ মেশিনে সিটিআরএল + স্পেস ব্যবহার করার অভ্যাস আছে স্বয়ংক্রিয়ভাবে এক্সএমএল কমান্ডগুলি সম্পূর্ণ করার জন্য।
আরিফ নাদিম

2
শব্দ আঁকার শঙ্কার আগে আপনার কোনও '@' চিহ্নের দরকার নেই?
শিম

এই সমাধানটির ব্যাকগ্রাউন্ড হিসাবে কেবল কোনও গোল ইমেজ ব্যবহার করার চেয়ে আলাদা ফলাফল রয়েছে?
সায়াভাশ

6
এছাড়াও, কেন অ্যান্ড্রয়েড ব্যবহার করবেন না: আকৃতি = "ওভাল"
সায়াভাশ

38

অ্যান্ড্রয়েড স্টুডিও ব্যবহার করে আপনি কেবল ব্যবহার করতে পারেন:

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring">
        <solid android:color="#FFFFFF"/>

    </shape>

এটি আমার পক্ষে ভাল কাজ করে, আশা করি এটি কারও সাহায্য করবে।


2
এটি গ্রহণযোগ্য উত্তর হওয়া উচিত, কোণার মানগুলি ব্যবহার করে বৃত্তাকার কোণগুলি অতিক্রম করে না এবং এই প্রশ্নটি একটি বৃত্ত সম্পর্কে। এই উত্তরের জন্য শনকে ধন্যবাদ
ডোন

12
ব্যবহার ringকিছুই দেখায় না। ব্যবহার করা ভাল oval
CopsOnRoad

31
  1. একটি অঙ্কনযোগ্য / বাটন_স্টেট.এক্সএমএল ফাইল যুক্ত করুন:

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="false"> 
            <shape android:shape="rectangle">
            <corners android:radius="1000dp" />
            <solid android:color="#41ba7a" />
            <stroke
                android:width="2dip"
                android:color="#03ae3c" />
            <padding
                android:bottom="4dp"
                android:left="4dp"
                android:right="4dp"
                android:top="4dp" />
            </shape>
        </item>
        <item android:state_pressed="true"> 
            <shape android:shape="rectangle">
            <corners android:radius="1000dp" />
            <solid android:color="#3AA76D" />
            <stroke
                android:width="2dip"
                android:color="#03ae3c" />
            <padding
                android:bottom="4dp"
                android:left="4dp"
                android:right="4dp"
                android:top="4dp" />
            </shape>
        </item>
    </selector>
  2. যে কোনও লেআউট ফাইলের বোতাম ট্যাগ এ এটি ব্যবহার করুন

    <Button
        android:layout_width="220dp"
        android:layout_height="220dp"
        android:background="@drawable/button_states"
        android:text="@string/btn_scan_qr"
        android:id="@+id/btn_scan_qr"
        android:textSize="15dp"
    />

এটি পুরোপুরি কার্যকর, আপনাকে ধন্যবাদ। আপনি আমাকে কেন্দ্রে থেকে বৃত্তের বাইরের দিকে আয়তক্ষেত্র আঁকতে সাহায্য করতে পারেন এটি একটি '
কিউ'-এর

ভাল কাজ করছে, তবে আমরা কেন 1000dp ব্যাসার্ধ রেখেছি? আপনি দয়া করে ব্যাখ্যা করতে পারেন?
জামশেদ কামরান

@ জামশাইদক্যামরান 1000 ডিপি একটি স্বেচ্ছাসেবী আকার যা বোতামটি গোল করার পক্ষে যথেষ্ট বড়।
rraallvv

এমন একটি অ্যান্ড্রয়েড মাত্রা সংস্থান আছে যা আমরা 1000dp এর পরিবর্তে ব্যবহার করতে পারি?
rraallvv

14

মারকুশির অ্যান্ড্রয়েড সার্কেল বাটন:

(এই গ্রন্থাগারটি হ্রাস করা হয়েছে এবং কোনও নতুন উন্নয়ন হচ্ছে না instead পরিবর্তে একটি এফএবি ব্যবহার করার বিষয়টি বিবেচনা করুন।

এখানে চিত্র বর্ণনা লিখুন


4
সতর্কতা: অবজ্ঞাত!
ডায়ালেক্স

6

<corners android:bottomRightRadius="180dip"
    android:bottomLeftRadius="180dip"
    android:topRightRadius="180dip"
    android:topLeftRadius="180dip"/>

<solid android:color="#6E6E6E"/> <!-- this one is ths color of the Rounded Button -->

এবং এটি বোতাম কোডে যুক্ত করুন

    android:layout_width="50dp"
    android:layout_height="50dp"

5

ডিম্বাকৃতি হিসাবে আকৃতি ব্যবহার। এটি বোতামটিকে ওভাল করে তোলে

<item>
    <shape android:shape="oval" >
        <stroke
            android:height="1.0dip"
            android:width="1.0dip"
            android:color="#ffee82ee" />

        <solid android:color="#ffee82ee" />

        <corners
            android:bottomLeftRadius="12.0dip"
            android:bottomRightRadius="12.0dip"
            android:radius="12.0dip"
            android:topLeftRadius="12.0dip"
            android:topRightRadius="12.0dip" />
    </shape>
</item>


5
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="#ffffff"
    />
</shape>

ব্যাকগ্রাউন্ড হিসাবে আপনার অঙ্কনযোগ্যকে ব্যবহার করে আপনার এক্সএমএল অঙ্কনযোগ্য সংস্থানসমূহ এবং সাধারণ ব্যবহার এবং একটি বৃত্তাকার চিত্র সহ চিত্র বোতামটি সেট করুন।



3

বাটনের পরিবর্তে ইমেজবাটন ব্যবহার করুন ....

এবং স্বচ্ছ পটভূমিতে গোলাকার চিত্র তৈরি করুন


3

আপনি যদি কোনও এফএবি খুঁজছেন বিজ্ঞপ্তিযুক্ত বোতামটি ব্যবহার করেন এবং আপনি অফিসিয়াল উপাদান উপাদান লাইব্রেরিটি ব্যবহার করছেন তবে আপনি এটি সহজেই এটি করতে পারেন:

<com.google.android.material.button.MaterialButton
    style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
    app:cornerRadius="28dp"
    android:layout_width="56dp"
    android:layout_height="56dp"
    android:text="1" />

ফলাফল:

এখানে চিত্র বর্ণনা লিখুন

আপনি যদি বোতামের আকার পরিবর্তন করেন তবে কেবল বোতামের আকারের অর্ধেক ব্যবহার করতে সতর্ক হন app:cornerRadius


2

একটি বৃত্তাকার বোতামের জন্য একটি আকার তৈরি করুন:

<?xml version="1.0" encoding="utf-8"?>

<stroke
    android:width="8dp"
    android:color="#FFFFFF" />

<solid android:color="#ffee82ee" />


<corners
    android:bottomLeftRadius="45dp"
    android:bottomRightRadius="45dp"
    android:topLeftRadius="45dp"
    android:topRightRadius="45dp" />

আপনার বোতামের লিঙ্কটির ব্যাকগ্রাউন্ড হিসাবে এটি ব্যবহার করুন




0

আপনি গুগলের ফ্লোটিংএ্যাকশনবটন ব্যবহার করতে পারেন

XML:

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@android:drawable/ic_dialog_email" />

জাভা:

  @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    FloatingActionButton bold = (FloatingActionButton) findViewById(R.id.fab);
    bold.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
        // Do Stuff
        }
    });
}

Gradle:

    compile 'com.android.support:design:23.4.0'

0
  1. চিত্র বাটনগুলি ব্যবহার করুন এবং আপনার ইমেজ হিসাবে পটভূমিটি তৈরি করুন।
  2. অ্যান্ড্রয়েড অ্যাসেট স্টুডিও লিঙ্ক থেকে চিত্রগুলি তৈরি করুন -

" https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#fireground.type=image&foreground.space.trim=0&foreground.space.pad=0.25&fireColor=rgba(94%2C%20126%2C%20142% 2C% 200) & ব্যাক কালার = আরজিবি (96% 2C% 20125% 2C% 20139) এবং ক্রপ = 1 & ব্যাকগ্রাউন্ডশ্যাপ = সার্কেল & ইফেক্টস = কিছুই নেই & নাম = আইসি_হোম "

এবং এটি ডাউনলোড করুন, এটাকে এক্সট্রাক্ট করুন, এর ভিতরে মিপম্যাপ-এইচডিপি ফোল্ডারটি সন্ধান করুন।

  1. মাইপম্যাপ-এইচডিপিআই ফোল্ডার থেকে চিত্রটি অনুলিপি করুন এবং আপনার অ্যান্ড্রয়েড প্রকল্পের ড্রয়েবল ফোল্ডারে এটি আটকান।

  2. এখন সেই চিত্র হিসাবে পটভূমি সেট করুন।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.