Android TV पर Jetpack Compose का इस्तेमाल करना

Android TV बनाने के लिए, Compose for TV एक आधुनिक तरीका है यूज़र इंटरफ़ेस पर काम करता है. TV के लिए लिखें, Android के Jetpack Compose के सभी फ़ायदे पाएं आपके टीवी ऐप्लिकेशन, जो आपके ऐप्लिकेशन के लिए खूबसूरत और फ़ंक्शनल यूज़र इंटरफ़ेस (यूआई) बनाते हैं और भी आसान हो गया है.

टीवी के लिए कंपोज़ की सुविधा इस्तेमाल करने के कुछ खास फ़ायदे यहां दिए गए हैं:

  • इस्तेमाल में आसान है: कंपोज़ की सुविधा का इस्तेमाल करके, किसी भी तरह का यूज़र इंटरफ़ेस (यूआई) बनाया जा सकता है. जटिल एनिमेशन के लिए लेआउट. कॉम्पोनेंट अलग तरह से काम करते हैं, लेकिन इनके साथ जिसे आपके ऐप्लिकेशन की ज़रूरतों के हिसाब से कस्टमाइज़ और स्टाइल किया जा सके.
  • आसान और आसान तेज़ी से विकास करना: Compose, इन एलिमेंट के साथ काम करता है मौजूदा कोड को लागू करने से डेवलपर, कम कोड.
  • सहज: Compose की सुविधा में डिक्लेरेटिव सिंटैक्स का इस्तेमाल किया जाता है. इसकी मदद से, आपके यूज़र इंटरफ़ेस (यूआई) में बदलाव करना, कोड को डीबग करना, समझना, और उसकी समीक्षा करना.

अगर आपको Jetpack Compose टूलकिट इस्तेमाल करने के बारे में कोई जानकारी नहीं है, तो यहां देखें पाथवे लिखें. कई मोबाइल पर लिखने के लिए डेवलपमेंट के सिद्धांत, टीवी पर भी लागू होते हैं. क्यों देखें ज़्यादा जानकारी के लिए लिखें डिक्लेरेटिव यूआई फ़्रेमवर्क के सामान्य फ़ायदों के बारे में जानकारी. सीखने में ज़्यादा जानने के लिए, यह भी देखें: GitHub पर टीवी के सैंपल का डेटा स्टोर करने की जगह.

इनके साथ काम करता है

TV के लिए Compose, Android 5.0 (एपीआई लेवल 21) या उसके बाद के वर्शन वाले Android TV पर काम करता है. टीवी के लिए लिखें सुविधा के वर्शन 1.0 का उपयोग करने के लिए इसका 1.3.0 वर्शन आवश्यक है androidx.compos लाइब्रेरी और Kotlin 1.7.10.

सेटअप

Android TV पर Jetpack Compose का इस्तेमाल करना ठीक वैसा ही है जैसा किसी दूसरे मॉडल के लिए Jetpack Compose का इस्तेमाल करना अन्य Android प्रोजेक्ट पर काम करता है. मुख्य अंतर यह है कि टीवी के लिए लिखें ऐसी लाइब्रेरी जोड़ता है जो टीवी के लिए ऑप्टिमाइज़ किए गए कॉम्पोनेंट ऑफ़र करती है और कॉन्टेंट बनाने में आसान होती है टीवी के हिसाब से बनाए गए यूज़र इंटरफ़ेस. कुछ मामलों में, सभी कॉम्पोनेंट एक जैसे होते हैं अपने ग़ैर-टीवी प्रतिरूपों के रूप में दर्ज करें, जैसे androidx.tv.material3.Button और androidx.compose.material3.Button.

Jetpack Compose टूलकिट डिपेंडेंसी

'टीवी के लिए लिखें' सुविधा का इस्तेमाल करने के लिए, Jetpack Compose टूलकिट शामिल करें आपके ऐप्लिकेशन की build.gradle फ़ाइल में इस तरह डिपेंडेंसी का इस्तेमाल किया गया है:

Kotlin

dependencies {
   val composeBom = platform("androidx.compose:compose-bom:2024.06.00")
   implementation(composeBom)

   // General compose dependencies.
   implementation("androidx.activity:activity-compose:1.9.0")

   implementation("androidx.compose.ui:ui-tooling-preview")
   debugImplementation("androidx.compose.ui:ui-tooling")

   // Compose for TV dependencies.
   implementation("androidx.tv:tv-material:1.0.0-rc01")
}

ग्रूवी

dependencies {
   def composeBom = platform('androidx.compose:compose-bom:2024.06.00')
   implementation composeBom

   // General compose dependencies.
   implementation 'androidx.activity:activity-compose:1.9.0'

   implementation 'androidx.compose.ui:ui-tooling-preview'
   debugImplementation 'androidx.compose.ui:ui-tooling'

   // Compose for TV dependencies.
   implementation 'androidx.tv:tv-material:1.0.0-rc01'
}

अलग क्या है

जहां भी हो सके, एपीआई के टीवी वर्शन का इस्तेमाल करें. हालांकि, Compose के कॉन्टेंट के मोबाइल वर्शन को तकनीकी तौर पर इस्तेमाल किया जा सकता है, लेकिन इसे Android TV पर अलग-अलग तरह के इंटरैक्शन के लिए ऑप्टिमाइज़ नहीं किया गया है. तय सीमा में इसके अलावा, Compose मटीरियल को कंपोज़ मटीरियल के साथ टीवी के लिए लिखने की सुविधा की वजह से, हो सकता है कि आपको कुछ पसंद न आए. उदाहरण के लिए, हर लाइब्रेरी का अपना MaterialTheme ऑब्जेक्ट होता है. इसलिए, रंग, टाइपोग्राफ़ी या अलग-अलग आकार होने की वजह से, दोनों वर्शन का इस्तेमाल करने पर वे अलग-अलग दिख सकते हैं.

यहां दी गई टेबल में, टीवी और टीवी के बीच डिपेंडेंसी में अंतर के बारे में बताया गया है मोबाइल:

टीवी डिपेंडेंसी
(androidx.tv.*)
तुलना मोबाइल डिपेंडेंसी
(androidx.compos.*)
androidx.tv:tv-material इसके बजाय androidx.compos.material3:material3

अन्य संसाधन

इसके बारे में और पढ़ें

नीचे दी गई गाइड देखकर, टीवी पर YouTube के लिए बेहतरीन अनुभव देने का तरीका जानें. इसके लिए: