🙇🏿 🙅🏼 ✌🏼 कोटलिन पर चोक नॉरिस फैक्ट्स एंड्रॉइड ऐप 🐖 😉 🥄

कोटलिन पर चोक नॉरिस फैक्ट्स एंड्रॉइड ऐप

चक नॉरिस के बारे में तथ्य मार्शल आर्ट्स मास्टर और अभिनेता चक नॉरिस के बारे में विनोदी "तथ्यों" के साथ एक इंटरनेट घटना है। "तथ्य" नॉरिस की सहनशक्ति, उनकी मर्दानगी और अल्फा पुरुष स्थिति के बारे में चुटकुले हैं।

इस ट्यूटोरियल में, हम कोटलिन का उपयोग करके चक नॉरिस के बारे में तथ्यों के साथ अपना खुद का एंड्रॉइड एप्लिकेशन बनाएंगे। IDE के रूप में हम Android Studio का उपयोग करेंगे। इस उदाहरण के साथ, आप सीख सकते हैं कि कोटलिन पर नेटवर्क अनुरोधों का प्रदर्शन कैसे करें और OkHttp 3 लाइब्रेरी का उपयोग कैसे करें।

चक नॉरिस के बारे में तथ्यों के एक डेटाबेस से तथ्य प्राप्त किए जाएंगे, जो यादृच्छिक तथ्यों को प्राप्त करने के लिए एक सरल एपीआई प्रदान करता है।

OkHttp के लिए निर्भरता जोड़ें

नेटवर्क कॉल करने के लिए, हम OkHttp लाइब्रेरी का उपयोग करेंगे। इसलिए, हमें अपनी build.gradle फ़ाइल में OkHttp 3.10 निर्भरता जोड़ने की आवश्यकता है:

 apply plugin: 'com.android.application' apply plugin: 'kotlin-android' apply plugin: 'kotlin-android-extensions' android { compileSdkVersion 27 defaultConfig { applicationId "com.ssaurel.chucknorrisfacts" minSdkVersion 15 targetSdkVersion 27 versionCode 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { implementation fileTree(dir: 'libs', include: ['*.jar']) implementation "org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version" implementation 'com.android.support:appcompat-v7:27.1.1' implementation 'com.android.support.constraint:constraint-layout:1.1.2' implementation 'com.squareup.okhttp3:okhttp:3.10.0' }

Android मैनिफ़ेस्ट अनुकूलित करें

इसके अलावा, नेटवर्क कॉल करने के लिए, हमें अपने आवेदन के प्रकट होने के लिए INTERNET अनुमति को जोड़ना होगा:

 <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.ssaurel.chucknorrisfacts"> <uses-permission android:name="android.permission.INTERNET" /> <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>

उपयोगकर्ता इंटरफ़ेस निर्माण

अगला चरण हमारे एप्लिकेशन का उपयोगकर्ता इंटरफ़ेस बनाना है। हम ConstraintLayout का उपयोग लेआउट के मूल घटक के रूप में करेंगे।

हमारे यूजर इंटरफेस में सबसे ऊपर एक ImageView जिसमें चक नॉरिस का चेहरा होगा:

चक नोरिस

फिर हम एक TextView जोड़ते हैं जिसमें हम चक नॉरिस के तथ्य को प्रदर्शित करेंगे। TextView निर्भरता को परिभाषित करते हैं, जो ImageView ठीक नीचे स्थित है। उसके बाद, एक बटन जोड़ें जो उपयोगकर्ताओं को डेटाबेस से अनुरोध करते हुए एक नया तथ्य डाउनलोड करने की अनुमति देगा। अंत में, ProgressBar जोड़ें, जो स्क्रीन पर केंद्रित होगा।

परिणामस्वरूप, हमें अपने यूजर इंटरफेस के लिए निम्नलिखित लेआउट मिलता है:

 <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout 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" android:background="#FFFFFF" tools:context=".MainActivity"> <ImageView android:id="@+id/imageView" android:layout_width="200dp" android:layout_height="200dp" android:layout_marginEnd="8dp" android:layout_marginLeft="8dp" android:layout_marginRight="8dp" android:layout_marginStart="8dp" android:layout_marginTop="30dp" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:srcCompat="@drawable/chucknorris" /> <TextView android:id="@+id/factTv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginEnd="8dp" android:layout_marginLeft="8dp" android:layout_marginRight="8dp" android:layout_marginStart="8dp" android:layout_marginTop="30dp" android:text="Chuck Norris Fact" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/imageView" android:textSize="20sp" android:paddingLeft="30dp" android:paddingRight="30dp" android:gravity="center_horizontal"/> <Button android:id="@+id/nextBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="30dp" android:layout_marginEnd="8dp" android:layout_marginLeft="8dp" android:layout_marginRight="8dp" android:layout_marginStart="8dp" android:text="Next" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" /> <ProgressBar android:id="@+id/progressBar" style="?android:attr/progressBarStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="8dp" android:layout_marginEnd="8dp" android:layout_marginLeft="8dp" android:layout_marginRight="8dp" android:layout_marginStart="8dp" android:layout_marginTop="8dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" android:visibility="gone"/> </android.support.constraint.ConstraintLayout>

एपीआई परीक्षण

MainActivity में कोड लिखने से पहले MainActivity हम डेटाबेस API द्वारा दी गई प्रतिक्रिया का परीक्षण करते हैं। हम निम्नलिखित पते पर संपर्क करेंगे: https://api.icndb.com/jokes/random ।

यह वेब सेवा बेतरतीब ढंग से हर कॉल पर चक नॉरिस के बारे में एक नया तथ्य देती है। URL को एक वेब ब्राउज़र में दर्ज करके, आपको निम्न परिणाम मिलेगा:

एपीआई कॉल परिणाम

इसलिए, हमें मजाक संपत्ति के लिए JSON प्रतिक्रिया को पार्स करने की आवश्यकता होगी, जिसमें वह तथ्य शामिल है जिसकी हमें आवश्यकता है।

MainActivity के लिए कोटलिन कोड लिखना

अब MainActivity के लिए कोड लिखने का समय MainActivity । हम एक चर को परिभाषित करते हैं जिसमें हम एपीआई एंडपॉइंट URL को संग्रहीत करते हैं जिसे हम कॉल करने जा रहे हैं। तब हम OkHttpClient ऑब्जेक्ट को OkHttpClient ।

onCreate MainActivity मेथड में, हमें बस OnClickListener को एक बटन पर सेट करने की आवश्यकता है जो उपयोगकर्ताओं को चक नॉरिस के बारे में नए तथ्यों को डाउनलोड करने की अनुमति देता है।

एपीआई विशेष loadRandomFact विधि में loadRandomFact है। हम नेटवर्क तक पहुँचने से ठीक पहले ProgressBar प्रदर्शित करते हैं। फिर हम पैरामीटर में समापन बिंदु URL के साथ एक Request ऑब्जेक्ट बनाते हैं।

उसके बाद, हम newCall पर OkHttpClient कॉल विधि को कॉल करते हैं, Request को एक पैरामीटर के रूप में पास करते हैं। प्रतिक्रिया को संसाधित करने के लिए, हम पैरामीटर में Callback उदाहरण के साथ enqueue विधि को कॉल करते हैं।

onResponse विधि में onResponse हमें एक प्रतिक्रिया मिलती है और फिर एक JSONObject । अंतिम चरण मूल्य वस्तु की मजाक संपत्ति प्राप्त करना है। उसके बाद, हम उपयोगकर्ता इंटरफ़ेस थ्रेड में उपयोगकर्ता इंटरफ़ेस अद्यतन किया जाता है यह सुनिश्चित करने के लिए runOnUiThread ब्लॉक में सब कुछ runOnUiThread करके टेक्स्ट व्यू में चक नॉरिम के तथ्य को प्रदर्शित कर सकते हैं।

नतीजतन, हमें अपने एंड्रॉइड एप्लिकेशन की MainActivity लिए निम्न कोड मिलता है:

 package com.ssaurel.chucknorrisfacts import android.os.Bundle import android.support.v7.app.AppCompatActivity import android.text.Html import android.view.View import kotlinx.android.synthetic.main.activity_main.* import okhttp3.* import org.json.JSONObject import java.io.IOException class MainActivity : AppCompatActivity() { val URL = "https://api.icndb.com/jokes/random" var okHttpClient: OkHttpClient = OkHttpClient() override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) nextBtn.setOnClickListener { loadRandomFact() } } private fun loadRandomFact() { runOnUiThread { progressBar.visibility = View.VISIBLE } val request: Request = Request.Builder().url(URL).build() okHttpClient.newCall(request).enqueue(object: Callback { override fun onFailure(call: Call?, e: IOException?) { } override fun onResponse(call: Call?, response: Response?) { val json = response?.body()?.string() val txt = (JSONObject(json).getJSONObject("value").get("joke")).toString() runOnUiThread { progressBar.visibility = View.GONE factTv.text = Html.fromHtml(txt) } } }) } }

एप्लिकेशन लॉन्च करें

पाठ का सबसे अच्छा हिस्सा। जब आप आवेदन शुरू करते हैं, तो आपको निम्नलिखित परिणाम मिलेगा:

तैयार आवेदन