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

नेटिव Android ऐप में Font Awesome आइकन उपयोग करना

Android में कस्टम फॉन्ट (Font Awesome) का उपयोग कैसे करें

यह उदाहरण दर्शाता है कि Android ऐप में Font Awesome या किसी भी कस्टम .ttf फॉन्ट फ़ाइल का उपयोग करके टेक्स्टव्यू में आइकन कैसे प्रदर्शित करें।

चरण 1: नया प्रोजेक्ट बनाएं

Android Studio में File → New Project चुनें और प्रोजेक्ट बनाएं।

चरण 2: लेआउट में TextView

res/layout/activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:id="@+id/relativeLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="FontAwesome"
        android:textSize="48sp"
        android:textStyle="bold" />

</RelativeLayout>

चरण 3: Assets फ़ोल्डर में फॉन्ट फ़ाइल जोड़ें

  1. app मॉड्यूल पर राइट-क्लिक करें → New → Folder → Assets Folder
  2. Finish पर क्लिक करें
  3. FontAwesome.ttf फ़ाइल डाउनलोड करें (fontawesome.com से) और src/main/assets/ फ़ोल्डर में पेस्ट करें

चरण 4: MainActivity.java - कस्टम फॉन्ट लागू करें

package app.com.sample;

import androidx.appcompat.app.AppCompatActivity;
import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        TextView textView = findViewById(R.id.textView);
        Typeface font = Typeface.createFromAsset(getAssets(), "FontAwesome.ttf");
        textView.setTypeface(font);
        
        // Font Awesome यूनिकोड कैरेक्टर सेट करें
        // उदाहरण: "\uf015" = होम आइकन, "\uf007" = यूजर आइकन
        textView.setText("\uf015 \uf007 \uf0c0 \uf1e0"); // होम, यूजर, हार्ट, ग्लोब
    }
}

चरण 5: AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="app.com.sample">
    
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        
    </application>
</manifest>

Font Awesome यूनिकोड रेफरेंस

Font Awesome चीट शीट से यूनिकोड मान प्राप्त करें। कुछ सामान्य आइकन:

आइकनयूनिकोडनाम
\uf001म्यूजिक
\uf007यूजर
\uf00dक्लोज
\uf00cचेक
\uf011पावर ऑफ
\uf015होम
\uf058कैलेंडर
\uf0e0ईमेल
\uf09eRSS
\uf1ebWiFi

बेहतर तरीका: XML में फॉन्ट परिवार (API 26+)

res/font/fontawesome.ttf में फॉन्ट रखें और XML में उपयोग करें:

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:fontFamily="@font/fontawesome"
    android:text="\uf015" />

कॉमन समस्याएं और समाधान

  • आइकन नहीं दिख रहा: फॉन्ट फ़ाइल नाम सही है? (केस-सेंसिटिव)
  • बॉक्स/स्क्वायर दिख रहा: फॉन्ट उस कैरेक्टर को सपोर्ट नहीं करता
  • साइज छोटा: android:textSize बढ़ाएं
  • रंग बदलने: android:textColor उपयोग करें

ऐप चलाएं

डिवाइस कनेक्ट करें, Run पर क्लिक करें। TextView में Font Awesome आइकन दिखाई देंगे।

  1. Android में स्ट्रिंग तुलना का उपयोग कैसे करें? Android में स्ट्रिंग तुलना का उपयोग कैसे करें?

    Android में स्ट्रिंग तुलना तकनीकें यह उदाहरण दर्शाता है कि Android में स्ट्रिंग तुलना का उपयोग कैसे करें। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में एक नया प्रोजेक्ट बनाएं: File → New Project पर जाएं और नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2: लेआउट XML जोड़ें (res/layout/activi

  1. Android में StringBuffer का उपयोग कैसे करें? Android में StringBuffer का उपयोग कैसे करें?

    Android में StringBuffer क्लास का उपयोग उदाहरण में जाने से पहले, हमें पता होना चाहिए कि StringBuffer क्या है। StringBuffer क्लास का उपयोग म्यूटेबल स्ट्रिंग बनाने के लिए किया जाता है और यह थ्रेड-सेफ है। यह उदाहरण दर्शाता है कि Android में StringBuffer का उपयोग कैसे करें। चरण 1: नया प्रोजेक्ट बनाएं A

  1. Android में ButterKnife लाइब्रेरी का उपयोग कैसे करें? Android में ButterKnife लाइब्रेरी का उपयोग कैसे करें?

    Android में ButterKnife से व्यू बाइंडिंग सरल बनाना ButterKnife एक व्यू बाइंडिंग लाइब्रेरी है जो findViewById() कॉल्स को एनोटेशन से बदल देती है। नोट: ButterKnife अब डिप्रिकेटेड है; आधुनिक ऐप्स के लिए View Binding (बिल्ट-इन) या Data Binding उपयोग करें। ⚠ डिप्रिकेटेड: Jake Wharton ने ButterKnife को म