تتألف واجهة مستخدم "التأكيد المحمي" من ستة عناصر مطلوبة. يمكنك تخصيص بعض العناصر، ولكن يجب أن تستوفي بعض المتطلبات. استخدِم الإرشادات التالية عند تخصيص واجهة المستخدم وتأكَّد من استيفاء المتطلبات. إذا تم وضع علامة المتطلب: على أحد العناصر، يجب أن يستخدم هذا العنصر السمة المُدرَجة.
تستخدِم الإرشادات التالية مجموعة خطوط Roboto التي يمكنك تنزيلها من Google Fonts.
واجهة المستخدم التي تتضمّن أزرار الجهاز
يمكن أن تستخدِم ميزة "تأكيد آمن لعمليات المُستخدِم على Android" أزرار الجهاز لتأكيد الإدخالات وإلغائها.
الشكل 1: تنسيق التصميم
الرموز
يصف هذا القسم الرموز المستخدَمة في واجهة المستخدم.
رمز الدرع
| الرمز |  |
|---|---|
| تنزيل | درع الأمان |
| حجم الرمز | 32dp |
رمز السهم
| الرمز |  |
|---|---|
| تنزيل | سهم لوحة المفاتيح المتّجه إلى اليسار |
| حجم الرمز | 24dp |
| نصف قطر زاوية الحاوية | 4dp |
رسائل الإدخال
هناك نوعان من الإدخالات المستخدَمة في ميزة "التأكيد المحمي": التأكيد والإلغاء.
سلسلة التأكيد
يجب أن تشير الرسالة إلى الزر المستخدَم للتأكيد.
| رسالة | انقر مرّتين على (الزر) للتأكيد |
|---|---|
| الحد الأقصى للطول | المتطلب: لا يمكن أن تتألف رسالة التأكيد من أكثر من سطرَين. |
| اللون | #000000 87% |
| واجهة الخط | Roboto-Medium |
| حجم الخط | المتطلب: 14sp |
| ارتفاع السطر | المتطلب: 20dp |
سلسلة الإلغاء
يجب أن تكون رسالة الإلغاء مرئية بوضوح وأن يسهل تمييزها عن زر التأكيد. استخدِم السمات التالية مع الكلمة المفردة إلغاء:
| رسالة | إلغاء |
|---|---|
| اللون | #000000 87% |
| واجهة الخط | Roboto-Medium |
| حجم الخط | المتطلب: 14sp |
| ارتفاع السطر | المتطلب: 20dp |
نص العنوان
أدرِج نص العنوان تأكيد آمن لعمليات المُستخدِم على Android في واجهة المستخدم الموثوق بها لتحديد الميزة. استخدِم السمات التالية لنص العنوان:
| رسالة | المتطلب: التأكيد المحمي على Android |
|---|---|
| اللون | #000000 87% |
| واجهة الخط | Roboto-Regular |
| حجم الخط | **المتطلب:** 22sp |
| ارتفاع السطر | المتطلب: 28dp |
النص الأساسي
استخدِم السمات التالية عند تنفيذ عنصر النص الأساسي. يكتب مطوّر واجهة برمجة التطبيقات (مطوّر التطبيق) الرسالة الفعلية.
| رسالة | يقدّم مطوّر التطبيق النص الأساسي الذي يستدعي ميزة "التأكيد المحمي". |
|---|---|
| اللون | #000000 87% |
| واجهة الخط | Roboto-Regular |
| حجم الخط | المتطلب: 16sp |
| ارتفاع السطر | المتطلب: 24dp |
نص العنوان الفرعي
استخدِم نص العنوان الفرعي لتوضيح سبب ظهور شاشة "التأكيد المحمي" للمستخدم. ضَع هذا النص في أسفل الشاشة واستخدِم السمات التالية:
| رسالة | المتطلب: يوفّر هذا التأكيد طبقة أمان إضافية للإجراء الذي أنت على وشك اتخاذه. |
|---|---|
| الحد الأقصى للطول | المتطلب: تتألف رسالة التأكيد من أربعة أسطر كحد أقصى. |
| اللون | #000000 87% |
| واجهة الخط | Roboto-Regular |
| حجم الخط | المتطلب: 14sp |
| ارتفاع السطر | المتطلب: 20dp |
واجهة المستخدم التي تتضمّن أزرارًا برمجية
يمكن أن تستخدِم ميزة "تأكيد آمن لعمليات المُستخدِم على Android" أزرارًا برمجية لتأكيد الإدخالات وإلغائها. تصف الإرشادات التالية واجهة المستخدم التي تستخدِم أزرارًا برمجية:
الشكل 2: تنسيق تصميم واجهة مستخدم التأكيد التي تتضمّن أزرارًا برمجية
رمز الدرع
نزِّل مادة عرض الرمز في رمز درع "التأكيد المحمي على Android". ضَع الرمز في أعلى الشاشة.
الشكل 3: رمز الدرع
رمز درع "التأكيد المحمي" هو عنصر مطلوب. يمكنك تخصيص لون الدرع، ولكن يجب أن يكون مرئيًا بوضوح.
الإدخال
الشكل 4: أبعاد الزر البرمجي
استخدِم نموذج زر أساسي وثانوي لإدخالات التأكيد والإلغاء.
| تصنيف الزر | استخدِم حالة أحرف الجملة لتصنيفات الأزرار. |
|---|---|
| نصف قطر الزر | 4dp |
| لون التمييز | #1a73e8 |
| واجهة الخط | Roboto-Medium |
| حجم الخط | المتطلب: 14sp |
نص العنوان
أدرِج نص العنوان تأكيد آمن لعمليات المُستخدِم على Android في واجهة المستخدم الموثوق بها لتحديد الميزة. استخدِم السمات التالية لنص العنوان:
| رسالة | المتطلب: التأكيد المحمي على Android |
|---|---|
| اللون | #000000 87% |
| واجهة الخط | Roboto-Medium |
| حجم الخط | المتطلب: 24sp |
| ارتفاع السطر | المتطلب: 20dp |
النص الأساسي
استخدِم السمات التالية عند تنفيذ عنصر النص الأساسي. يكتب مطوّر التطبيق الرسالة الفعلية.
| رسالة | يقدّم مطوّر التطبيق النص الأساسي الذي يستدعي ميزة "التأكيد المحمي". |
|---|---|
| اللون | #000000 87% |
| واجهة الخط | Roboto-Medium |
| حجم الخط | المتطلب: 16sp |
| ارتفاع السطر | المتطلب: 24dp |
نص العنوان الفرعي
استخدِم نص العنوان الفرعي لتوضيح سبب ظهور شاشة "التأكيد المحمي" للمستخدم. ضَع هذا النص في أسفل الشاشة واستخدِم السمات التالية:
| رسالة | المتطلب: يوفّر هذا التأكيد طبقة أمان إضافية للإجراء الذي أنت على وشك اتخاذه. |
|---|---|
| الحد الأقصى للطول | المتطلب: تتألف رسالة التأكيد من أربعة أسطر كحد أقصى. |
| اللون | #000000 54% |
| واجهة الخط | Roboto-Medium |
| حجم الخط | المتطلب: 14sp |
| ارتفاع السطر | المتطلب: 20dp |
تقديم نتائج محلية
يمكنك العثور على عمليات تقديم النتائج المحلية للمكوّنات الموصوفة في تنفيذ مستقل بلغة C لـ جدول بحث كجزء من مشروع Android مفتوح المصدر (AOSP).