एंड्रॉइड ऐप में मटीरियल डिज़ाइन घटकों का उपयोग कैसे करें?

यह उदाहरण दर्शाता है कि किसी Android ऐप में मटीरियल डिज़ाइन घटकों का उपयोग कैसे किया जाता है।

चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें।

चरण 2 - निम्न कोड को res/layout/activity_main.xml में जोड़ें।

 <इमेज व्यू एंड्रॉइड:आईडी ="@ + आईडी / लॉगिन लोगो" एंड्रॉइड:लेआउट_विड्थ ="240 डीपी" एंड्रॉइड:लेआउट_हाइट ="222डीपी" एंड्रॉइड:लेआउट_ग्रेविटी =" केंद्र "एंड्रॉइड:सामग्री विवरण ="@ स्ट्रिंग/लॉगिन_लोगो" एंड्रॉइड:पैडिंगस्टार्ट ="8 डीपी" एंड्रॉइड:पैडिंग लेफ्ट ="250 डीपी" एंड्रॉइड:पैडिंगटॉप ="50 डीपी" एंड्रॉइड:पैडिंगएंड ="8 डीपी" एंड्रॉइड:src="@drawable/read_my_blog" />   <बटन android:id="@+id/buttonLogin" android:layout_width="260dp" android:layout_height="60dp" android:layout_gravity="center" android:backgroundTint=" @color/colorPrimary" android:text="@string/login_btn_txt" android:textColor="@android:color/white" android:layout_marginBottom="20dp"/>  <बटन एंड्रॉइड:आईडी ="@ + आईडी / बटन रजिस्टर" एंड्रॉइड:लेआउट_विड्थ ="260 डीपी" android:layout_height="60dp" android:layout_gravity="center" android:backgroundTint="@android:color/white" android:text="@string/login_reg_btn_txt" android:textColor="@color/colorPrimary" />

चरण 3 - निम्न कोड को src/MainActivity.java

पैकेज com.app.sample;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;पब्लिक क्लास MainActivity AppCompatActivity को बढ़ाता है {@Override संरक्षित शून्य onCreate(Bundle saveInstanceState) {super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }} 

 चरण 4 - निम्नलिखित कोड को ऐप मॉड्यूल निर्भरता में जोड़ें
 <पूर्व>प्लगइन लागू करें:'com.android.application'android {compileSdkVersion 28 defaultConfig { applicationId "com.app.sample" minSdkVersion 21 targetSdkVersion 28 versionCode 1 versionName "1.0" testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"} buildTypes { रिलीज { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' } }}निर्भरताएं { /// कार्यान्वयन "com.google.android.material:material:1.1.0-alpha02 "} 

 चरण 4 - निम्न कोड को Manifests/AndroidManifest.xml
 में जोड़ें 
 <एप्लिकेशन एंड्रॉइड:अनुमति बैकअप ="सच" एंड्रॉइड:आइकन ="@ मिपमैप / आईसी_लॉन्चर" एंड्रॉइड:लेबल ="@ स्ट्रिंग / ऐप_नाम" एंड्रॉइड:राउंडआईकॉन ="@ मिपमैप / आईसी_लॉन्चर_राउंड" एंड्रॉइड:सपोर्ट आरटीएल ="सच" एंड्रॉइड :theme="@style/AppTheme"> <गतिविधि android:name=".MainActivity"> <इरादे-फ़िल्टर> <कार्रवाई android:name="android.intent.action.MAIN" /> <श्रेणी android:name=" android.intent.category.LAUNCHER" />   
 

 आइए अपना एप्लिकेशन चलाने का प्रयास करें। मुझे लगता है कि आपने अपने वास्तविक Android मोबाइल डिवाइस को अपने कंप्यूटर से कनेक्ट कर लिया है। एंड्रॉइड स्टूडियो से ऐप चलाने के लिए, अपने प्रोजेक्ट की गतिविधि फ़ाइलों में से एक खोलें और टूलबार से रन आइकन पर क्लिक करें। एक विकल्प के रूप में अपने मोबाइल डिवाइस का चयन करें और फिर अपने मोबाइल डिवाइस की जांच करें जो आपकी डिफ़ॉल्ट स्क्रीन प्रदर्शित करेगा -