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

यह उदाहरण दर्शाता है कि कोटलिन का उपयोग करके एंड्रॉइड में पेजिनेशन टेक्स्ट कैसे बनाया जाता है।

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

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

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:paddingLeft="16dp"
   android:paddingTop="16dp"
   android:paddingRight="16dp"
   android:paddingBottom="16dp">
   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent">
   <Button
      android:id="@+id/buttonBack"
      style="?android:attr/buttonBarButtonStyle"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:background="@android:color/transparent" />
   <Button
      android:id="@+id/buttonForward"
      style="?android:attr/buttonBarButtonStyle"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:background="@android:color/transparent" />
   </LinearLayout>
   <TextView
      android:id="@+id/tv"
      android:layout_width="match_parent"
      android:layout_height="match_parent" />
</RelativeLayout>

चरण 3 - निम्न कोड को src/MainActivity.kt में जोड़ें

import android.graphics.Color
import android.graphics.Typeface
import android.os.Bundle
import android.text.Html
import android.text.Spannable
import android.text.SpannableString
import android.text.TextUtils
import android.text.style.ForegroundColorSpan
import android.text.style.RelativeSizeSpan
import android.text.style.StyleSpan
import android.view.ViewTreeObserver
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
   lateinit var buttonBack: Button
   lateinit var buttonForward: Button
   private lateinit var textView: TextView
   private var pagination: Pagination? = null
   private lateinit var charSequence: CharSequence
   private var currentIndex = 0
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      buttonBack = findViewById(R.id.buttonBack)
      buttonForward = findViewById(R.id.buttonForward)
      textView = findViewById(R.id.tv)
      val htmlString = Html.fromHtml(getString(R.string.html_string))
      val spanString = SpannableString(getString(R.string.long_string))
      spanString.setSpan(ForegroundColorSpan(Color.BLUE), 0, 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(RelativeSizeSpan(2f), 0, 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(StyleSpan(Typeface.MONOSPACE.style), 0, 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(ForegroundColorSpan(Color.BLUE), 536, spanString.length,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(RelativeSizeSpan(2f), 536, spanString.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(StyleSpan(Typeface.MONOSPACE.style), 536, spanString.length,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      charSequence = TextUtils.concat(htmlString, spanString)
      textView.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
         override fun onGlobalLayout() {
            // Removing layout listener to avoid multiple calls
            textView.viewTreeObserver.removeOnGlobalLayoutListener(this)
            pagination = Pagination(
               charSequence, textView.width,
               textView.height,
               textView.paint,
               textView.lineSpacingMultiplier,
               textView.lineSpacingExtra,
               textView.includeFontPadding
            )
            update()
         }
      })
      buttonBack.setOnClickListener {
         currentIndex = if ((currentIndex > 0)) currentIndex - 1 else 0
         update()
      }
      buttonForward.setOnClickListener {
         currentIndex = if ((currentIndex <pagination!!.size() - 1)) currentIndex + 1 else pagination!!.size() - 1
         update()
      }
   }
   private fun update() {
      val text = pagination!![currentIndex]
      if (text != null) textView.text = text
   }
}

चरण 4 - एक कोटलिन क्लास बनाएं और निम्नलिखित कोड जोड़ें -

import android.graphics.Color
import android.graphics.Typeface
import android.os.Bundle
import android.text.Html
import android.text.Spannable
import android.text.SpannableString
import android.text.TextUtils
import android.text.style.ForegroundColorSpan
import android.text.style.RelativeSizeSpan
import android.text.style.StyleSpan
import android.view.ViewTreeObserver
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
   lateinit var buttonBack: Button
   lateinit var buttonForward: Button
   private lateinit var textView: TextView
   private var pagination: Pagination? = null
   private lateinit var charSequence: CharSequence
   private var currentIndex = 0
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      buttonBack = findViewById(R.id.buttonBack)
      buttonForward = findViewById(R.id.buttonForward)
      textView = findViewById(R.id.tv)
      val htmlString = Html.fromHtml(getString(R.string.html_string))
      val spanString = SpannableString(getString(R.string.long_string))
      spanString.setSpan(ForegroundColorSpan(Color.BLUE), 0, 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(RelativeSizeSpan(2f), 0, 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(StyleSpan(Typeface.MONOSPACE.style), 0, 24,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(ForegroundColorSpan(Color.BLUE), 536, spanString.length,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(RelativeSizeSpan(2f), 536, spanString.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      spanString.setSpan(StyleSpan(Typeface.MONOSPACE.style), 536, spanString.length,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      charSequence = TextUtils.concat(htmlString, spanString)
      textView.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
         override fun onGlobalLayout() {
            // Removing layout listener to avoid multiple calls
            textView.viewTreeObserver.removeOnGlobalLayoutListener(this)
            pagination = Pagination(
               charSequence, textView.width,
               textView.height,
               textView.paint,
               textView.lineSpacingMultiplier,
               textView.lineSpacingExtra,
               textView.includeFontPadding
            )
            update()
         }
      })
      buttonBack.setOnClickListener {
         currentIndex = if ((currentIndex > 0)) currentIndex - 1 else 0
         update()
      }
      buttonForward.setOnClickListener {
         currentIndex = if ((currentIndex < pagination!!.size() - 1)) currentIndex + 1 else       pagination!!.size() - 1
         update()
      }
   }
   private fun update() {
      val text = pagination!![currentIndex]
      if (text != null) textView.text = text
   }
}

चरण 5 - निम्न कोड को androidManifest.xml में जोड़ें

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.q11">
   <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>

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