Antarmuka pengguna (UI) Konfirmasi Terlindungi terdiri dari enam elemen yang diperlukan. Beberapa elemen dapat dikustomisasi, namun ada persyaratan yang harus diikuti. Gunakan panduan berikut saat menyesuaikan UI dan pastikan persyaratannya terpenuhi. Jika suatu elemen ditandai dengan Persyaratan: elemen tersebut harus menggunakan properti yang terdaftar.
Panduan berikut menggunakan jenis font Roboto, yang dapat Anda unduh dari font.google.com .
UI dengan tombol perangkat keras
Konfirmasi Dilindungi Android dapat menggunakan tombol perangkat keras pada perangkat untuk mengonfirmasi dan membatalkan input.
Ikon
Ikon Perisai
| Ikon |  |
|---|---|
| Unduh | Perisai keamanan |
| Ukuran ikon | 32dp |
Ikon panah
| Ikon |  |
|---|---|
| Unduh | Panah keyboard ke kanan |
| Ukuran ikon | 24dp |
| Jari-jari sudut wadah | 4dp |
Masukkan pesan
Ada dua jenis input yang digunakan dalam Konfirmasi Terproteksi: konfirmasi dan pembatalan.
Garis konfirmasi
Pesan ini harus menunjukkan tombol mana yang digunakan sebagai konfirmasi.
| Pesan | Tekan dua kali (tombol) untuk mengonfirmasi |
|---|---|
| Panjang maksimum | Persyaratan: Pesan konfirmasi tidak boleh lebih dari dua baris. |
| Warna | #000000 87% |
| Wajah huruf | Roboto-Medium |
| Ukuran huruf | Persyaratan: 14sp |
| Tinggi garis | Persyaratan: 20dp |
Batalkan string
Pesan pembatalan harus terlihat jelas dan mudah dibedakan dari tombol konfirmasi. Gunakan properti berikut bersama dengan satu kata Cancel .
| Pesan | Membatalkan |
|---|---|
| Warna | #000000 87% |
| Wajah huruf | Roboto-Medium |
| Ukuran huruf | Persyaratan: 14sp |
| Tinggi garis | Persyaratan: 20dp |
Teks tajuk
Sertakan teks header Konfirmasi Dilindungi Android di UI Tepercaya untuk mengidentifikasi fitur tersebut. Gunakan properti berikut untuk teks header.
| Pesan | Persyaratan: Konfirmasi Dilindungi Android |
|---|---|
| Warna | #000000 87% |
| Wajah huruf | Roboto-Reguler |
| Ukuran huruf | Persyaratan: 22sp |
| Tinggi garis | Persyaratan: 28dp |
Teks isi
Gunakan properti berikut saat mengimplementasikan elemen teks isi. Pesan sebenarnya ditulis oleh pengembang API (pengembang aplikasi).
| Pesan | Teks isi disediakan oleh pengembang aplikasi yang disebut Konfirmasi Terlindungi. |
|---|---|
| Warna | #000000 87% |
| Wajah huruf | Roboto-Reguler |
| Ukuran huruf | Persyaratan: 16sp |
| Tinggi garis | Persyaratan: 24dp |
Teks subjudul
Gunakan teks subjudul untuk menjelaskan alasan pengguna melihat layar Konfirmasi Terlindungi. Tempatkan teks ini di bagian bawah layar dan gunakan properti berikut.
| Pesan | Persyaratan: Konfirmasi ini memberikan lapisan keamanan ekstra untuk tindakan yang akan Anda ambil. |
|---|---|
| Panjang maksimum | Persyaratan: Pesan konfirmasi tidak boleh lebih dari empat baris. |
| Warna | #000000 87% |
| Wajah huruf | Roboto-Reguler |
| Ukuran huruf | Persyaratan: 14sp |
| Tinggi garis | Persyaratan: 20dp |
UI dengan tombol perangkat lunak
Konfirmasi Dilindungi Android dapat menggunakan tombol perangkat lunak untuk mengonfirmasi dan membatalkan input. Panduan berikut menjelaskan UI menggunakan tombol perangkat lunak.
Ikon perisai
Unduh aset ikon di Ikon Perisai Konfirmasi Terlindungi Android . Tempatkan ikon di bagian atas layar.
Ikon perisai Konfirmasi Terlindungi adalah elemen yang diperlukan. Warna perisai dapat disesuaikan tetapi harus terlihat jelas.
Memasukkan
Gunakan bentuk tombol primer dan sekunder untuk konfirmasi dan pembatalan input.
| Label tombol | Gunakan kapitalisasi kalimat untuk label tombol. |
|---|---|
| Jari-jari tombol | 4dp |
| Aksen warna | #1a73e8 |
| Wajah huruf | Roboto-Medium |
| Ukuran huruf | Persyaratan: 14sp |
Teks tajuk
Sertakan teks header Konfirmasi Dilindungi Android di UI Tepercaya untuk mengidentifikasi fitur tersebut. Gunakan properti berikut untuk teks header.
| Pesan | Persyaratan: Konfirmasi Dilindungi Android |
|---|---|
| Warna | #000000 87% |
| Wajah huruf | Roboto-Medium |
| Ukuran huruf | Persyaratan: 24sp |
| Tinggi garis | Persyaratan: 20dp |
Teks isi
Gunakan properti berikut saat mengimplementasikan elemen teks isi. Pesan sebenarnya ditulis oleh pengembang aplikasi.
| Pesan | Teks isi disediakan oleh pengembang aplikasi yang disebut Konfirmasi Terlindungi |
|---|---|
| Warna | #000000 87% |
| Wajah huruf | Roboto-Medium |
| Ukuran huruf | Persyaratan: 16sp |
| Tinggi garis | Persyaratan: 24dp |
Teks subjudul
Gunakan teks subjudul untuk menjelaskan alasan pengguna melihat layar Konfirmasi Terlindungi. Tempatkan teks ini di bagian bawah layar dan gunakan properti berikut.
| Pesan | Persyaratan: Konfirmasi ini memberikan lapisan keamanan ekstra untuk tindakan yang akan Anda ambil. |
|---|---|
| Panjang maksimum | Persyaratan: Pesan konfirmasi tidak boleh lebih dari empat baris. |
| Warna | #000000 54% |
| Wajah huruf | Roboto-Medium |
| Ukuran huruf | Persyaratan: 14sp |
| Tinggi garis | Persyaratan: 20dp |
Lokalisasi
Anda dapat menemukan pelokalan untuk komponen yang dijelaskan dalam implementasi C mandiri dari tabel pencarian sebagai bagian dari AOSP .