Tombol nomor

  • Aktivitas tuan rumah: TelecomActivity
  • Fragmen: DialpadFragment

Modus lanskap

Tata Letak

Perbarui @layout/dialpad_fragment

Layar papan tombol

Gambar 1. Layar papan nomor

Komponen [id:]NamaKelas Properti Nilai
keypad: KeypadFragment width Ditentukan oleh tinggi, lebar, dan bantalan tombol kunci
tinggi
dialpad_info: FrameLayout height Sama dengan ketinggian keypad
width Sama dengan tinggi badan
divider: View layout_constraintGuide_percent 0.5

Papan tombol

  • Pecahan. KeypadFragment
  • Tata Letak. @layout/keypad
  • Papan tombol

    Gambar 2. Papan tombol

    Komponen [id:]NamaKelas Properti Nilai
    Tombol Papan Tombol app:numberText 1,2,3,4,5,6,7,8,9,*,0,#
    app:letterText "",ABC,DEF,GHI,JKL,MNO,PQRS,TUV,WXYZ,"",+,""
    style @style/KeypadButtonStyle
    Layout Rantai dikemas secara vertikal dan horizontal

Jangka pembagi garis

Perbarui @layout/keypad_dividers . Jangan gunakan pembagi pada layar pendek kurang dari 456dp.

Komponen [id:]NamaKelas Properti Nilai
jangka pembagi garis height @dimen/dialpad_line_divider_height (for horizontal dividers)
width @dimen/dialpad_line_divider_height (for vertical dividers)
background @color/divider_color

Tombol Papan Tombol

@KeypadButtonStyle akan diterapkan ke KeypadButton , yang memperluas FrameLayout.

Komponen [id:]NamaKelas Properti Nilai
LinearLayout width @dimen/keypad_minimum_size
height @dimen/keypad_minimum_size
keypad_number: TextView style @style/KeypadNumber
keypad_letters: TextView style @style/KeypadLetter
textAllCaps true
keypad_image: ImageView tint @color/car_key2
visibility hilang

Informasi papan nomor

Tata Letak. @layout/dialpad_info

Informasi papan nomor

Gambar 3. Info papan nomor

Komponen [id:]NamaKelas Properti Nilai

title: TextView

Referensi AOSP menerapkan gerakan masukan pada bidang judul.

Untuk menonaktifkan gerakan, ganti @bool/config_enable_dial_motion menjadi false .

height @dimen/dialpad_info_title_container_size
textAppearance @style/TextAppearance.DialNumber
(Gaya ini juga diterapkan pada judul secara terprogram di DialpadFragment .)
autoSizeTextType uniform
autoSizeMinTextSize @dimen/dialpad_info_title_text_size_min
autoSizeMaxTextSize @dimen/dialpad_info_title_text_size_max
delete_button: ImageView style @style/DialpadSecondaryButton
src @drawable/ic_backspace
marginStart /td> dimen/dialpad_info_title_padding_size
call_button: ImageView style @style/DialpadPrimaryButton
src @drawable/icon_call_button
include @layout/dialpad_user_profile layout_marginTop @dimen/dialpad_user_profile_padding

@layout/dialpad_user_profile dilindungi oleh @bool/config_show_detailed_user_profile_on_dialpad untuk menampilkan label dan avatar. Nilai defaultnya adalah false , yang hanya menampilkan nama tampilan.

Komponen [id:]NamaKelas Properti Nilai
display_name: TextView textAppearance @style/TextAppearance.DialpadDisplayName
label: TextView textAppearance ?android:attr/textAppreanceSmall
layout_marginTop @dimen/dialpad_contact_label_margin
dialpad_contact_avatar: ImageView width @dimen/dialpad_contact_avatar_size
height @dimen/dialpad_contact_avatar_size

Modus potret

Tata Letak. @layout[ -port ]/dialpad_fragment

Modus potret

Gambar 4. Mode potret

Komponen [id:]NamaKelas Properti Nilai
keypad: KeypadFragment width Ditentukan oleh tinggi, lebar, dan bantalan tombol, Lihat Papan Tombol .
tinggi
include
@layout/dialpad_user_profile
T/A Lihat bagian dialpad_user_profile di info Dialpad dalam mode lanskap.
divider: View layout_constraintGuide_percent 0,5
title: TextView Sama seperti judul di info Dialpad dalam mode lanskap.
delete_button: ImageView Sama seperti delete_button di info Dialpad dalam mode lansekap.
call_button: ImageView style @style/DialpadPrimaryButton
height @dimen/call_button_height
src @drawable/icon_call_button
layout_marginBottom @dimen/call_button_bottom_margin