يمكنك تضمين روابط متعددة في سلسلة نصية واحدة لتزويد المستخدمين بخيارات للانتقال إليها وزيادة التفاعل.

• Kotlin

يمكنك التحقّق من صحة الإدخال أثناء كتابة المستخدم في حقل نصي، مثل إدخال اسم أو عنوان بريد إلكتروني أو عنوان أو معلومات اتصال أخرى. يقلل هذا التحقّق من الأخطاء ويوفّر وقت المستخدمين.

• Kotlin

لعرض الصور في تطبيقك للمحتوى وللردّ على إجراءات المستخدمين، حمِّل الصور من القرص أو من مصدر خارجي على الإنترنت.

• Kotlin

يمكنك تصميم أجزاء من النص لتحسين سهولة القراءة وزيادة تجربة المستخدم الإيجابية وتشجيع المزيد من الإبداع من خلال استخدام الألوان والخطوط.

• Kotlin

أنشئ شريط تطبيق في أعلى الشاشة لمساعدة المستخدمين في التنقّل في وظائف تطبيقك والوصول إليها باستخدام العنصر القابل للتجميع TopAppBar.

توفّر البطاقة حاوية Material Design لواجهة المستخدم.

اطّلِع على كيفية إضافة مؤثرات متحركة إلى قيم الحالة باستخدام عمليات النقل، وإضافة مؤثرات متحركة إلى التغييرات في مستوى الرؤية أو الحجم، وعمليات التلاشي المتقاطع باستخدام واجهات برمجة التطبيقات الخاصة بالتأثيرات المتحركة في أداة "الإنشاء".

يمكنك إنشاء رمز لإخفاء كلمة المرور أو عرضها استنادًا إلى خيار يتيح للمستخدم تحسين الأمان وتعزيز تجربة المستخدم.

• Kotlin

شريط التطبيق هو حاوية في أعلى الشاشة أو أسفلها تحتوي على الميزات الرئيسية وعناصر التنقّل.

يمكنك توفير تجربة تفاعلية أكثر للمستخدمين في تطبيقك من خلال تحميل ملف قابل للرسم لعرض صور متحركة. تكون الصور المتحركة مفيدة لإنشاء مؤشرات التحميل أو مؤشرات النجاح أو الخطأ وتسهيل تطوير اللعبة ووظائف أخرى مختلفة لواجهة المستخدم.

• Kotlin

يعرض مؤشر التقدم حالة عملية معيّنة.

تعرَّف على كيفية إدارة التغييرات في إعدادات لوحة المفاتيح القابلة للفصل.

• Kotlin
• Java

يمكنك رسم ظلال حول المنطقة المقتطعة من الصورة حتى تتمكّن من عرض صورة على شكل مقطع.

• Kotlin

أنشئ قائمة بصفحات متعددة حتى يتمكّن المستخدمون من الانتقال للوصول إلى المحتوى الكبير جدًا بحيث لا يناسب شاشة واحدة. يمكن أن تساعد قوائم التنقّل الأفقي في الصفحات المستخدمين على التنقّل في المحتوى، مثل الصور أو عروض الشرائح أو لوحات العرض الدوّارة للمنتجات. تكون قوائم الصفحات العمودية مفيدة للتطبيقات التي تتضمّن محتوىً مكثّفًا قد يحتاج المستخدمون فيها إلى الانتقال بين عدد كبير من العناصر، مثل المقالات.

يمكنك تقييد اتجاه التطبيق على الشاشات الصغيرة ولكن ليس على الشاشات الكبيرة.

• Java
• Kotlin

تعرِض سلسلة الفيديوهات هذه واجهات برمجة تطبيقات مختلفة لتطبيق Compose، وتوضّح لك بسرعة ما هو متاح وكيفية استخدامه.

أنشئ اختبارات Jetpack Compose الأولى. تعرَّف على كيفية استخدام عناصر اختبار Compose لكتابة اختبارات واجهة المستخدم واستخدام قواعد الاختبار وأدوات البحث والافتراضات.

يؤدي الزر إلى بدء إجراء معيّن.

يمثّل مكوّن الشريحة عناصر معقّدة بشكل مرئي، وغالبًا ما يكون مصحوبًا برمز وتصنيف.

اختَر المكوّن المناسب لواجهة المستخدم واطّلِع على كيفية تنفيذه في تطبيقك.

يمكنك استخدام مفتاح تبديل للسماح للمستخدمين باختيار إحدى الحالتَين.

يسمح زر الإجراء العائم للمستخدم بتنفيذ إجراء أساسي في التطبيق.

• Kotlin

رفض لمسات راحة اليد غير المقصودة باستخدام قلم الشاشة

• Kotlin
• Java

إدارة حالة WebView على مستوى تغييرات الإعدادات

• Kotlin
• Java

تعرِض المحادثات رسائل منبثقة أو تطلب إدخال المستخدم في طبقة أعلى محتوى التطبيق الرئيسي.

يمكنك إتاحة تطبيقك لتقديم تجربة محسّنة للمستخدمين على الأجهزة اللوحية والأجهزة القابلة للطي وأجهزة ChromeOS.

يجمع الهيكل العظمي أجزاء مختلفة من واجهة المستخدم معًا، مثل أشرطة التطبيقات والأزرار التفاعلية العائمة، ما يمنح التطبيقات مظهرًا وأسلوبًا متسقَين.

"لوحة التنقّل" هي قائمة تنقّل قابلة للانزلاق.

تعرَّف على كيفية إنشاء تصميمات معقّدة لتنسيقات Compose، مع التركيز على مرحلة التنسيق والقيود وتنسيقات العناصر الفرعية للتصميم والقياسات الأساسية.

يمكنك إدارة مجموعات البيانات الكبيرة والمحتوى الديناميكي باستخدام الشبكات البطيئة التحميل، ما يؤدي إلى تحسين أداء التطبيق. باستخدام العناصر القابلة للتجميع في الشبكة البطيئة التحميل، يمكنك عرض العناصر في حاوية قابلة للتنقّل على مستوى أعمدة أو صفوف متعددة.

• Kotlin

تعرِض الورقة السفلية محتوى ثانويًا في أسفل الشاشة.

عرض مجموعات من العناصر وترتيبها بكفاءة باستخدام القوائم والشبكات

أنشئ شريط تطبيق سفليًا لمساعدة المستخدمين في التنقّل في وظائف تطبيقك والوصول إليها.

• Kotlin

يمكن أن تساعد القوائم القابلة للتنقّل في إدارة مجموعات البيانات وإنشاء تصميمات سريعة الاستجابة وتسهيل التنقّل. لعرض مجموعة محدودة من العناصر في تطبيقك، يمكنك إنشاء قائمة قابلة للتنقّل باستخدام المُعدِّلات verticalScroll أو horizontalScroll.

• Kotlin

يمكنك عرض عناصر متداخلة للانتقال للأعلى أو للأسفل ضمن قائمة لعرض تنسيقات معقّدة، مثل كتالوجات المنتجات ومعارض الوسائط وخلاصات الأخبار وغير ذلك. يمكن أن يؤدي عرض المحتوى بهذه الطريقة إلى تحسين سهولة استخدام تطبيقك، ما يسهّل على المستخدمين التنقّل فيه.

• Kotlin

يتيح شريط تمرير النطاق للمستخدمين إجراء اختيارات من نطاق من القيم.

باستخدام مؤشرات الصفحات، يمكنك مساعدة المستخدمين في فهم موقعهم الحالي ضمن محتوى تطبيقك، ما يقدّم لهم مؤشرًا مرئيًا للتقدّم.

• Kotlin

نظرة على تصحيح أخطاء مشكلة في الأداء في Jetsnack وكيفية حلّها في Jetpack Compose تعرَّف على سبب أنّ تأجيل عمليات قراءة الحالة باستخدام دالة lambda يعني أنّه يمكن تخطّي عملية الإنشاء.

يمكنك دمج الصور المصدر أو تداخلها لعرض صور متعدّدة الطبقات على لوحة. على سبيل المثال، يمكنك تكرار الطريقة التي ينشئ بها إطار عمل Android رموز التطبيقات من خلال دمج عناصر قابلة للرسم منفصلة للخلفية والمقدمة.

• Kotlin

يوفّر لك Compose طريقة أبسط وأكثر فعالية لإنشاء قوائم قابلة للانتقال باستخدام عدد أسطر رمز أقل من RecyclerView. تعرَّف على كيفية استخدام التنسيقات المتغيّرة لإنشاء قوائم تتيح إضافة محتوى إليها عند الطلب.

يمكنك عرض زر للسماح للمستخدم بالتنقل بسرعة إلى نقطة معيّنة في القائمة، ما يوفر الوقت ويزيد من تفاعل المستخدم.

• Kotlin

اطّلِع على كيفية استخدام واجهات برمجة التطبيقات Compose API المصمّمة خصيصًا لرسم نص على لوحة. يعرض هذا المقطع الرمز لرسم خط رموز تعبيرية في مستطيل بيضاوي.

تعرَّف على كيفية تدفق الحالة من خلال تطبيقك المستنِد إلى Compose وكيفية تعديل إطار العمل لواجهة المستخدم تلقائيًا لعرض قيم جديدة. اطّلِع على كيفية إنشاء حالات قابلة للتتبّع، وكيفية الاحتفاظ بالحالة في عمليات إعادة التركيب أو تغييرات الإعدادات، وكيفية تنظيم العناصر القابلة للتجميع لتسهيل تدفق البيانات بأفضل شكل ممكن.

إضافة ميزات تسهيل الاستخدام إلى تطبيقك: تعرَّف على كيفية زيادة مدى وصول تطبيقك وتنوع استخداماته بقليل من الجهد.

تعرِض "أشرطة الإعلام المنبثقة" إشعارًا موجزًا في أسفل الشاشة.

يمكنك فلترة قائمة سلاسل بناءً على إدخال النص لتعديل قائمة ديناميكيًا استنادًا إلى طلبات بحث المستخدم.

• Kotlin

تعرَّف على كيفية تواصل الأجزاء المُدمجة مع تطبيقك في مواضع وضع زخارف النظام، وكيفية مساعدة واجهات برمجة تطبيقات Compose في نقل المحتوى تلقائيًا مع أشرطة النظام ولوحة المفاتيح البرمجية وشريط التطبيقات. لا تتردد في استخدام المساحة الكاملة للشاشة.

بعد أن تصبح مُلمًّا بالعمل في أداة "الإنشاء"، يمكنك البدء في رسم مكوّنات مخصّصة. يتناول هذا الفيديو كيفية البدء بالرسم المخصّص.

يمكنك تنسيق رقم هاتف تلقائيًا في حقل نص لتوفير الوقت وزيادة تفاعل المستخدمين وإنتاجيتهم وكفاءتهم.

• Kotlin

استخدِم مكتبة Paging لتوفير قوائم كبيرة من العناصر، بما في ذلك قائمة غير محدودة، في تطبيقك من خلال تحميل البيانات وعرضها بشكل تدريجي. باستخدام ميزة "التحميل البطيء"، يمكنك تقليل أوقات التحميل الأولية وتحسين استخدام الذاكرة، ما يؤدي إلى تحسين الأداء.

• Kotlin

التمرير البانورامي هو أسلوب يتم فيه تصفّح محتوى الخلفية ومحتوى المقدّمة بسرعات مختلفة. يمكنك تطبيق هذه التقنية لتحسين واجهة مستخدم تطبيقك، ما يخلق تجربة أكثر ديناميكية أثناء تنقّل المستخدمين.

• Kotlin

اجعل تطبيقك تفاعليًا من خلال السماح للمستخدمين بإدخال نص وإدخالات أخرى.

يمكن أن تساعدك هذه الصور المتحركة الخمسة السريعة والسهلة في إضفاء الحيوية على تطبيقك في بضع دقائق فقط. يمكنك إبراز تطبيقك المكتوب باستخدام Compose حتى إذا لم يكن لديك الوقت اللازم للتعرّف على كل ما يتعلّق بالرسوم المتحرّكة.

استكشِف المكونات غير المُحمَّلة في ميزة "الإنشاء" التي تسهِّل عرض قوائم بالعناصر. تعرَّف على كيفية عرض أنواع مختلفة من العناصر، بالإضافة إلى كيفية تنفيذ الرؤوس الثابتة. اطّلِع على كيفية التحكّم بشكل آلي في التغييرات في موضع التمرير أو التفاعل معها.

الحفاظ على حالة RecyclerView أثناء تغييرات الإعدادات

• Java
• Kotlin

استخدِم هذه الأدلة السريعة لإنشاء إطار عمل للشاشة الرئيسية، ما قد يساعد في إضفاء مظهر وأسلوب متسقَين على شاشة تطبيقك الرئيسية.

يمكنك استخدام قائمة تتضمّن أنواع عناصر متعدّدة لعرض أنواع محتوى مختلطة، مثل النصوص والصور والعناصر التفاعلية.

• Kotlin

يمكنك العمل على الصور على الشاشة باستخدام رسم متحرك أو صورة نقطية أو الرسم مباشرةً باستخدام لوحة رسم على الشاشة.

يمكنك إضافة تأثيرات متحركة إلى مظهر النص حرفًا تلو الآخر، ما يجعله يبدو وكأنه تأثير كتابة متدفق.

• Kotlin

يمكنك تحسين سهولة استخدام تطبيقك وجاذبيته الجمالية من خلال تخصيص طريقة عرض النص.