Android TV: Using the Leanback libraryYouTube↗  IA↗(long shot)
Science & Technology  32.8K views 227 likes 10 dislikes   27 Oct 2014
Google for Developers 2.7M subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Hola, soy Ankur Kotwal, desarrollador promotor en Google.
مرحبًا، معكم أنكور كوتوال مطور من جوجل.
Hoy, voy a hablar de cómo puedes
اليوم أشرح لكم كيفية
comenzar a crear aplicaciones para Android TV.
البدء بإنشاء تطبيقات لـAndroid TV
Las grandes experiencias en Android TV son casuales, cinemáticas, y simples.
التجارب الرائعة على Android TV مريحة وسينمائية وبسيطة
Una pantalla de TV se ve típicamente desde unos 3 metros de distancia,
المفترض أن تكون شاشة التلفاز على بعد ثلاثة أمتار
y es mucho más grande que otros dispositivos Android.
وهي أكبر من أجهزة Android الأخرى.
Construir una interfaz de usuario efectiva para TV,
يتطلب إنشاء واجهة مستخدم فعالة للتلفاز
requiere un enfoque diferente y diferentes herramientas.
منهجًا مختلفًا وأدوات مختلفة.
Para hacer tu vida más fácil, brindamos la Librería de soporte
لجعل الحياة أسهل، وفرنا Leanback Support Library
Leanback. Esta incluye <i>APIs</i>, recursos y <i>widgets</i>, para construir aplicaciones para la TV.
تضم واجهات تطبيقات البرامج والموارد والعناصر لإنشاء تطبيق للتفاز.
Se pueden construir aplicaciones para Android TV sin ella,
يمكنكم بدونه إنشاء تطبيق لـAndroid TV.
pero, ¿por qué lo harías?
لكن لماذا؟
La librería facilita mucho la creación de experiencias de usuario de alta calidad, para la gran pantalla.
إنه يجعل إنشاء تطبيق ممتع للتلفاز أسهل بكثير.
Cuando creas un proyecto y eliges la TV como formato,
عند إنشاء مشروع واختيار التلفاز كعامل تكوين،
la Librería de Soporte Leanback se añade, automáticamente,
تُضاف Leanback Support Library
a tu proyecto.
تلقائيًا إلى المشروع.
Si no estás usando Android Studio,
في حالة عدم استخدام Android Studio
puedes declarar estas dependencias
يمكن الإعلان عن التبعيات
a través de tu archivo <i>build.gradle file</i>.
خلال ملف build.gradle file
La librería de soporte Android está disponible en el Repositorio de Paquetes de Android.
وتتوفر Android Support Library في "حزمة مستودع" Android
Así que si no has instalado este paquete aún,
إذا لم تكونوا ثبتّم الحزمة بعد
puedes hacerlo a través del administrador <i>SDK</i>.
يمكنكم إجراء ذلك عبر مدير SDK.
Ahora vamos a ver nuestra aplicación de ejemplo.
الآن لنلق نظرة على التطبيق العينة.
En primer lugar, debes declarar una actividad para TV
أولاً، يجب الإعلان عن نشاط للتلفاز
en el Manifiesto que usa el Filtro de intención del lanzador
في البيان بواسطة Leanback Launcher Intent
Leanback. Este filtro de intención identifica tu aplicación
عامل تصفية الهدف هذا يعرّف التطبيق
como creado para Android TV.
بأنه معد لأجل Android TV.
Al mismo tiempo, al establecer este filtro de intención
في الوقت نفسه إعداد عامل تصفية الهدف هذا
también identifica qué actividad en su aplicación
يحدد أي الأنشطة في تطبيقك
debe lanzarse cuando un usuario elije el icono de la aplicación en la TV.
يجب بدءه عند تحديد مستخدم أيقونة التطبيق على التلفاز.
La Librearía Leanback proporciona un tema estándar
توف Leanback Library نسقًا قياسيًا
para las actividades de TV, llamada <i>theme.leanback</i>.
لأنشطة التلفاز، يُسمى theme.leanback.
Esto proporciona un estilo visual consistente para aplicaciones de TV,
يوفر هذا أسلوبًا بصريًا متسقًا لتطبيقات التلفاز
y se recomienda para cualquier aplicación de TV que utilice las clases de la Librería Leanback.
ويوصى به لأي تطبيق تلفاز يستخدم فئات Leanback Library.
La Librería de soporte Leanback está diseñada
صُممت Leanback Support Library
con base en el <i> model-presenter-view pattern--</i>,
وفقًا لنمط "عرض مقدم النموذج"
un derivado del <i> model-view-controller pattern</i>.
المشتق من نمط "ضابط عرض النموذج".
Existen requisitos estrictos para los objetos del modelo.
هناك متطلبات محددة لكائنات النموذج
Un adaptador de objeto se puede usar para definir cualquier modelo,
يمكن استخدام محول كائن لتعريف أي نوع من النماذج،
y por lo tanto debes poder actualizar
ولذا يجب أن تتمكنوا من تحديث التطبيق
su actual aplicación sin cambiar tu modelo.
دون تغيير النموذج.
También es posible conectar datos locales o en línea,
من الممكن كذلك توصيل مصادر البيانات المحلية أو عبر الإنترنت
fuentes que contienen tu contenido multimedia, utilizando adaptadores de objetos.
التي تضم الوسائط باستخدام محولات كائن.
Y puedes definir cómo estos elementos se verán usando presentadores.
ويمكن تعريف هيئة هذه العناصر بواسطة المقدمات.
La Librería Leanback, también, brinda fragmentos pre-creados
كما توفر Leanback Library أجزاء معدة مسبقًا
para navegar e interactuar con los catálogos de medios
لتصفح كتالوجات الوسائط والتفاعل،
y puedes aprovechar esto
ويمكن الاستفادة من ذلك
cuando estás creando tus propias aplicaciones de navegación.
عند إنشاء تطبيقات تصفح الوسائط.
Este es el diagrama inicial de la aplicación.
هذا هو التخطيط الأولي للتطبيق.
Consiste en una sola subclase del <i>BrowseFragment</i>
يتكون من فئة فرعية فردية لـ BrowseFragment
de la Librería de Soporte Leanback.
من Leanback Support Library.
El <i>BrowseFragment</i> te permite crear un diseño inicial,
يسمح لك BrowseFragment بإنشاء تخطيط مبدئي
para navegar por categorías y filas de elementos multimedia
لتصفح فئات وصفوف عناصر الوسائط
con el mínimo esfuerzo, como se puede ver en esta aplicación de ejemplo.
بأقل مجهود ممكن، كما ترون في التطبيق العينة.
Con solo añadir esta clase a nuestro diseño
إضافة هذه الفئة إلى التخطيط
se crea un diseño<i> multi-pane</i>,
أنشأ تخطيطًا متعدد الأجزاء
junto con un diseño estándar de navegación y animaciones de transición finas.
مع تصميم تنقل قياسي ورسوم متحركة منسقة للانتقال.
Veamos cómo podemos poblar el fragmento con algo de contenido.
لننظر إلى كيفية إضافة محتوى إلى هذا الجزء.
Se utiliza un<i> ArrayObjectAdapter</i> simple
يُستخدم ArrayObjectAdapter فردي
para definir una lista de objetos <i>ListRow</i>.
لتعريف قائمة من كائنات ListRow.
Y un presentador <i>ListRow</i> se utiliza para mostrarlos.
ويُستخدم مقدم ListRow لعرضها.
Las categorías se muestran automáticamente en posición vertical
تُعرض الفئات تلقائيًا رأسيًا على اليسار،
a la izquierda, mientras que el contenido para cada categoría es una lista de desplazamiento horizontal.
بينما تعرض وسائط كل فئة في قائمة تمرير أفقية.
A medida que el usuario navega en profundidad por la categoría,
بينما يتعمق المستخدم في الفئة،
las categorías mismas colapsarán
يتم طي الفئات
y se mostrarán por fila como un elemento del encabezado.
وتُعرض لكل صف كعنصر رأس صفحة.
Cada objeto <i>ListRow</i> se compone de un elemento de cabecera
كل كائن ListRow مكون من عنصر رأس صفحة
y otro <i>ArrayObjectAdapter</i>.
و ArrayObjectAdapter آخر.
El elemento de encabezado describe los metadatos
يصف عنصر رأس الصفحة بيانات تعريف هذا الصف
de esta fila-- en este caso, el nombre de categoría.
.في هذه الحالة، اسم الفئة
Y el <i>ArrayObjectAdapter</i> contiene los elementos multimedia para cada categoría.
ويضم ArrayObjectAdapter عناصر الوسائط لكل فئة.
Aquí, un <i>CardPresenter</i> definido por el usuario,
يُستخدم CardPresenter هنا
se utiliza para mostrar cada elemento multimedia.
لعرض كل عنصر من عناصر الوسائط.
Necesitas presentar esto por ti mismo.
عليكم تقديم ذلك بأنفسكم.
Todas estas clases-- <i>ArrayObjectAdapter</i>,
كل هذه الفئات ArrayObjectAdapter
<i>ListRepresenter</i>, y <i>ListRow</i>-- son proporcionadas
و ListRow و ListRepresenter
por la Librería de Soporte Leanback.
توفرها Leanback Support Library.
Lo único que necesitas implementar
الشيء الوحيد الذي تحتاجون تطبيقه
es un presentador para mostrar tus elementos multimedia.
هو مقدم لعرض عناصر الوسائط.
Cuando se crea un objeto <i>ListRow</i>,
عند إنشاء كائن ListRow
puedes pasar tu propio presentador personalizado
يمكنكم تمرير المقدم المخصص
para definir cómo se verá cada elemento individual.
لتعريف هيئة كل عنصر على حده.
En este ejemplo, <i>CardPresenter</i>, muestra cada elemento multimedia
في هذا المثال، يعرض CardPresenter كل عنصر وسائط
como una tarjeta con una imagen en miniatura.
كبطاقة ممتلئة بالصور المصغرة.
El <i>CardPresenter</i> extiende la clase Presentador,
يمد CardPresenter فئة المقدم
anulando el<i> onCreateViewHolder</i>
متجاوزًا onCreateViewHolder لإنتاج العروض،
para generar vistas y desvincular el <i>ViewHolder</i> para unir objetos de vistas en base a demanda.
و unbindViewHolder لربط الكائنات إلى العروض عند الطلب.
Una cosa que debes tener en cuenta
شيء واحد عليكم تذكره
es que cada vista interactiva en Android TV
هو أن كل عرض تفاعلي في Android TV
debe ser navegable por el <i>pad</i> direccional.
يجب أن يقبل التنقل بلوحة التوجيه.
Para lograr esto, es necesario establecer el <i>Focusable</i>
لتحقيق ذلك، يجب ضبط خصائص Focusable
y las propiedades<i>FocusableInTouchMode</i> en <i>true</i>, como aquí.
و FocusableInTouchMode إلى true.
Con el fin de interactuar con comandos del usuario,
للتفاعل مع إدخال المستخدم
es necesario agregar <i>onItemClick listener</i> a el <i>BrowseFragment</i>.
عليكم إضافة موزع onItemClick إلى BrowseFragment.
Durante el retorno, se puede disparar una intención
خلال رد الاتصال، يمكن إطلاق هدف
para iniciar el elemento<i> DetailsActivity</i>
لبدء العنصر DetailsActivity
o reemplazar el <i>BrowseFragment</i> con el <i>DetailsFragment</i>
أو استبدال BrowseFragment بـ DetailsFragment
a través del <i>fragment manager</i>.
عبر مدير التجزئة.
El <i>DetailsFragment</i>, también se encuentra en la Librería de Soporte
DetailsFragment موجود كذلك في Support Library
y permite crear un diseño inicial
ويسمح لكم بإنشاء تخطيط مبدئي
para visualizar información detallada.
لعرض معلومات تفصيلية.
Y de nuevo, lo hace con el mínimo esfuerzo.
ومرة أخرى، يتم ذلك بأقل جهد من جانبكم.
Una vez más, un<i> ArrayObjectAdapter</i> simple
ويُستخدم ArrayObjectAdapter فردي
se utiliza para definir una lista de filas.
لتعريف قائمة من الصفوف.
El <i>DetailsOverviewRow</i> es la fila
DetailsOverviewRow هو الصف
que contiene los detalles de un elemento multimedia.
الذي يضم مواصفات عنصر الوسائط.
Con el fin de hacer que el objeto <i>DetailsOverview</i>
لعرض كائن DetailsOverview،
utilice el presentador<i> DetailsOverviewRow</i>
تستخدمون مقدم DetailsOverviewRow.
Esta fila se compone de una imagen, una <i>DescriptionView</i>, y una serie de acciones.
يتكون هذا الصف من صورة DescriptionView وسلسلة أحداث.
Puedes fácilmente hacer vista previa a una imagen o añadir acciones a este objeto
يمكن معاينة الصورة بسهولة أو إضافة إجراءات لهذا الكائن
llamando a los métodos<i> setImageBitmap</i> o <i>addAction</i>.
باستدعاء الأسلوبين setImageBitmap أو addAction.
Para visualizar la <i>DescriptionView</i>,
لعرض DescriptionView،
se puede utilizar la clase presentador <i>AbstractDetailsDescription</i>.
يمكن استخدام فئة المقدم AbstractDetailsDescription.
También es posible añadir más contenido,
يمكن كذلك إضافة المزيد من المحتوى
tales como vídeos relacionados.
مثل مقاطع الفيديو ذات الصلة.
Y, para ello, se puede añadir una fila adicional,
ولأجل ذلك، يمكن إضافة صف إضافي
en el <i>ArrayObjectAdapter</i> con un presentador para mostrarlos.
في ArrayObjectAdapter مع مقدم لعرضها.
Aquí, un objeto adicional <i>ListRow</i>
هنا، كائن ListRow إضافي
está en el extremo del<i> ArrayObjectAdapter</i>
في نهاية ArrayObjectAdapter
con una lista de vídeos relacionados.
مع قائمة من مقاطع الفيديو ذات الصلة.
Y de nuevo, el presentador <i>ListRow</i> se utiliza para visualizar esta fila.
ومرة أخرى، يُستخدم ListRow لعرض هذا الصف.
Así que estos son los pasos básicos
فهذه هي الخطوات الأساسية
para empezar con el desarrollo en Android TV.
للبدء بتطوير Android TV.
En resumen, la Librería de Soporte Leanback
باختصار، تُسهل Leanback Support Library
hace que sea muy fácil crear experiencias de alta calidad.
من إنشاء تجارب عالية الجودة.
El <i>BrowseFragment</i> y el <i>DetailsFragment</i>
BrowseFragment و DetailsFragment
son la manera fácil de poner en marcha tu desarrollo en Android TV.
هي الطريق السهل نحو قفزة البداية مع تطوير Android TV.
El código que se muestra en este <i>dev byte</i>
التعليمة البرمجية الظاهرة في "ديفبايت"
es parte de las muestras enumeradas aquí.
هي جزء من العينات المدرجة هنا.
Y también puedes descubrir más sobre las muchas características únicas
اكتشفوا المزيد حول الميزات الفريدة
de la plataforma de TV de Android, como recomendaciones
لبرنامج Android TV الأساسي مثل التوصيات
y el gestor de fondo, en <i>developer.android.com/tv</i>.
ومدير الخلفية على developer.android.com/tv
Estoy ansioso por ver tus aplicaciones en la gran pantalla.
أنتظر رؤية تطبيقاتكم على شاشات التلفاز.
Similar videos:

DevBytes: Android L Developer Preview - Camera2 API
Google for Developers
70K views 564 likes 40 dislikes 28 Jul 201465% match

DevBytes: What's new in Android 5.0 Lollipop
Google for Developers
129.1K views 1.5K likes 37 dislikes 17 Oct 201446% match

Android Support Library Overview
Google for Developers
33.7K views 328 likes 9 dislikes 30 Mar 201538% match


Google Play Services 5.0
Google for Developers
30.9K views 109 likes 18 dislikes 25 Jun 201438% match


DevBytes: Watch Faces for Android Wear
Google for Developers
34.2K views 203 likes 1 dislikes 10 Dec 201437% match


Introduction to Android Studio
Google for Developers
133.7K views 1K likes 16 dislikes 23 Feb 201535% match


DevBytes: Android L Developer Preview
Google for Developers
46.3K views 801 likes 13 dislikes 18 Jul 201435% match

DevBytes: Android Vector Graphics
Google for Developers
60.9K views 640 likes 13 dislikes 17 Dec 201435% match

Android Work
Google for Developers
38.5K views 141 likes 6 dislikes 25 Jun 201434% match

Android Performance Patterns: Why 60fps?
Google for Developers
52.5K views 562 likes 22 dislikes 06 Jan 201533% match


Using the Android Job Scheduler
Google for Developers
43.1K views 300 likes 57 dislikes 25 Jun 201433% match

DevBytes: Notifications in the Android L Developer Preview
Google for Developers
37.2K views 357 likes 17 dislikes 26 Aug 201433% match

Android Support Library: Consistent Design with AppCompat
Google for Developers
61.8K views 852 likes 8 dislikes 21 Apr 201531% match


MapsZen - Visualize (100 Days of Google Dev)
Google for Developers
45K views 108 likes 2 dislikes 22 Jun 201531% match

DevBytes: Google Fit APIs for Android - Setup and Sensors
Google for Developers
49.3K views 184 likes 21 dislikes 28 Oct 201431% match

An Introduction to Android Wear
Google for Developers
251.3K views 1.3K likes 86 dislikes 18 Jun 201430% match

Android Performance Patterns: Rendering Performance 101
Google for Developers
65.2K views 490 likes 6 dislikes 06 Jan 201530% match


Introducing Gradle (Ep 2, Android Studio)
Google for Developers
88.5K views 585 likes 19 dislikes 13 Mar 201529% match


Layout Editor (Ep 3, Android Studio)
Google for Developers
53.6K views 293 likes 9 dislikes 25 Mar 201529% match


Debugging and testing in Android Studio (Ep 4, Android Studio)
Google for Developers
67.5K views 367 likes 14 dislikes 01 May 201528% match


Getting started with Firebase and Android - Firecasts #1
Google for Developers
113.8K views 1.1K likes 19 dislikes 16 Feb 201628% match

Google Cast: Introduction to the SDK
Google for Developers
47K views 141 likes 7 dislikes 10 Dec 201428% match

Maps Live: Map Padding in the Google Maps Android API v2
Google for Developers
42.4K views 73 likes 4 dislikes 17 Jan 201427% match

Android Performance Patterns: Tool - Profile GPU Rendering
Google for Developers
65.2K views 627 likes 26 dislikes 06 Jan 201527% match


Google I/O 2014 - Android TV - A platform for the living room
Google for Developers
61.8K views 235 likes 6 dislikes 25 Jun 201427% match

Android Design Support Library (100 Days of Google Dev)
Google for Developers
169.5K views 1.1K likes 12 dislikes 01 Jun 201526% match

DevBytes: Intro to Google Maps Data Layer
Google for Developers
81.1K views 179 likes 7 dislikes 18 Mar 201426% match

Maps Live: Getting Started with Markers on Android
Google for Developers
91.1K views 197 likes 6 dislikes 20 Jan 201426% match

Realtime RecyclerViews with FirebaseUI - Firecasts #3
Google for Developers
50.8K views 456 likes 5 dislikes 01 Mar 201625% match

DevBytes: Introduction to Android Auto
Google for Developers
159.8K views 733 likes 35 dislikes 18 Nov 201425% match



Settings Privacy About Contact Donate