تتكوّن واجهة مستخدم ميزة "التأكيد المحمي" من ستة عناصر مطلوبة. يمكنك تخصيص بعض العناصر، ولكن يجب أن تستوفي بعض المتطلبات. اتّبِع الإرشادات التالية عند تخصيص واجهة المستخدم وتأكَّد من استيفاء المتطلبات. إذا تم وضع علامة مطلوب: على عنصر، يجب أن يستخدم هذا العنصر السمة المدرَجة.
تستخدم الإرشادات التالية مجموعة خطوط Roboto التي يمكنك تنزيلها من خطوط Google.
واجهة المستخدم التي تتضمّن أزرار الجهاز
يمكن أن تستخدم ميزة "التأكيد المحمي" من 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 |
النص الأساسي
استخدِم السمات التالية عند تنفيذ عنصر نص الموضوع. يكتب مطوّر واجهة برمجة التطبيقات (مطوّر التطبيق) الرسالة الفعلية.
| رسالة | يوفّر مطوّر التطبيق نص الرسالة من خلال استدعاء Protected Confirmation. |
|---|---|
| اللون | #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 |
النص الأساسي
استخدِم السمات التالية عند تنفيذ عنصر نص الموضوع. يكتب مطوّر التطبيق الرسالة الفعلية.
| رسالة | يوفّر مطوّر التطبيق نص الرسالة من خلال استدعاء Protected Confirmation. |
|---|---|
| اللون | #000000 87% |
| نوع الخط | Roboto-Medium |
| حجم الخط | المتطلبات: 16sp |
| ارتفاع السطر | المتطلبات: 24dp |
نص العنوان الفرعي
استخدِم نص العنوان الفرعي لتوضيح سبب ظهور شاشة "التأكيد المحمي" للمستخدم. ضَع هذا النص في أسفل الشاشة واستخدِم الخصائص التالية:
| رسالة | الشرط: يوفّر هذا التأكيد طبقة أمان إضافية للإجراء الذي أنت بصدد اتّخاذه. |
|---|---|
| الحد الأقصى للطول | الشرط: يجب ألا تتجاوز رسالة التأكيد أربعة أسطر. |
| اللون | #000000 54% |
| نوع الخط | Roboto-Medium |
| حجم الخط | المتطلبات: 14sp |
| ارتفاع السطر | المتطلّبات: 20dp |
Localization
يمكنك العثور على عمليات الترجمة للغة المحلية للمكوّنات الموضّحة في عملية تنفيذ ذاتية الاكتفاء بلغة C لجدول بحث كجزء من مشروع Android مفتوح المصدر (AOSP).