Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> Android

Android में CircularImageView कैसे बनाएं

CircularImageView लाइब्रेरी का उपयोग करके गोलाकार इमेज बनाना

Android में डिफ़ॉल्ट रूप से ImageView आयताकार होता है। गोलाकार इमेज (प्रोफाइल पिक्चर आदि) बनाने के लिए हम लोकप्रिय लाइब्रेरी CircularImageView का उपयोग कर सकते हैं।

निर्भरता जोड़ें

अपने build.gradle (Module: app) में निम्नलिखित निर्भरता जोड़ें:

dependencies {
    implementation 'com.mikhaellopez:circularimageview:3.2.0'
    // अन्य निर्भरताएं...
}

लेआउट में CircularImageView का उपयोग करें

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <com.mikhaellopez.circularimageview.CircularImageView
            android:id="@+id/circularImageView"
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:src="@drawable/profile_image"
            app:civ_border_color="#FFFFFF"
            app:civ_border_width="4dp"
            app:civ_shadow="true"
            app:civ_shadow_radius="10"
            app:civ_shadow_color="#8BC34A" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:text="उपयोगकर्ता नाम"
            android:textSize="18sp"
            android:textStyle="bold" />

    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

मुख्य XML एट्रिब्यूट्स (Properties)

एट्रिब्यूट विवरण डिफ़ॉल्ट मान
app:civ_borderबॉर्डर सक्षम/अक्षम करेंtrue
app:civ_border_colorबॉर्डर का रंगसफेद
app:civ_border_widthबॉर्डर की चौड़ाई4dp
app:civ_background_colorबैकग्राउंड रंगसफेद
app:civ_shadowछाया सक्षम करेंfalse
app:civ_shadow_colorछाया का रंगकाला
app:civ_shadow_radiusछाया की त्रिज्या8.0f
app:civ_shadow_gravityछाया की दिशाbottom

प्रोग्रामेटिक रूप से कॉन्फ़िगर करना

CircularImageView civ = findViewById(R.id.circularImageView);
civ.setBorderColor(Color.WHITE);
civ.setBorderWidth(4f);
civ.setShadowEnable(true);
civ.setShadowRadius(10f);
civ.setShadowColor(Color.parseColor("#8BC34A"));
civ.setImageResource(R.drawable.profile_image);

नोट

  • लाइब्रेरी स्वचालित रूप से इमेज को गोलाकार क्रॉप करती है।
  • GIF एनिमेशन भी सपोर्ट करता है।
  • AndroidX के साथ संगत।
  1. Android ऐप में GridView लेआउट कैसे बनाएं? Android ऐप में GridView लेआउट कैसे बनाएं?

    Android में GridView और कस्टम एडाप्टर के साथ ग्रिड लेआउट यह उदाहरण दर्शाता है कि GridView और कस्टम BaseAdapter का उपयोग करके इमेज और टेक्स्ट का ग्रिड लेआउट कैसे बनाया जाए। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में File → New Project चुनें। चरण 2: मेन लेआउट (res/layout/activity_main.xml) <?x

  1. एंड्रॉइड ऐप में TextToSpeech कैसे बनाएं? एंड्रॉइड ऐप में TextToSpeech कैसे बनाएं?

    एंड्रॉइड ऐप में टेक्स्ट-टू-स्पीच (TTS) लागू करना यह उदाहरण दिखाता है कि एंड्रॉइड ऐप में TextToSpeech फीचर कैसे जोड़ा जाता है, जिससे ऐप लिखे गए टेक्स्ट को आवाज़ में बदल सके। चरण 1: नया प्रोजेक्ट बनाएं Android Studio खोलें, File → New Project चुनें और आवश्यक विवरण भरकर नया प्रोजेक्ट बनाएं। चरण 2: ले

  1. Facebook पर Android ऐप कैसे बनाएं? Facebook पर Android ऐप कैसे बनाएं?

    Facebook Developer Console पर ऐप बनाकर App ID प्राप्त करने की चरण-दर-चरण प्रक्रिया। चरण 1: Facebook Developer Console पर ऐप बनाएं developers.facebook.com पर जाएं My Apps → Create App चुनें ऐप नाम और ईमेल दर्ज करें Create App ID पर क्लिक करें चरण 2: Android Studio में SDK जोड़ें प्रोजेक्ट-लेवल bu