Dialpad

  • Attività ospitante: TelecomActivity
  • Frammento: DialpadFragment

Modalità panoramica

Disposizione

Aggiorna @layout/dialpad_fragment

Schermata del tastierino

Figura 1. Schermata del tastierino

Componente [id:]NomeClasse Proprietà Valore
keypad: KeypadFragment width Deciso dall'altezza, dalla larghezza e dall'imbottitura dei pulsanti principali
altezza
dialpad_info: FrameLayout height Uguale all'altezza della tastiera
width Uguale all'altezza
divider: View layout_constraintGuide_percent 0.5

Tastiera

  • Frammento. KeypadFragment
  • Disposizione. @layout/keypad
  • Tastiera

    Figura 2. Tastiera

    Componente [id:]NomeClasse Proprietà Valore
    Pulsanti della tastiera 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 Catena imballata verticalmente e orizzontalmente

Divisori

Aggiorna @layout/keypad_dividers . Non utilizzare divisori su schermi corti con risoluzione inferiore a 456 dp.

Componente [id:]NomeClasse Proprietà Valore
divisori height @dimen/dialpad_line_divider_height (for horizontal dividers)
width @dimen/dialpad_line_divider_height (for vertical dividers)
background @color/divider_color

Tasto tastiera

@KeypadButtonStyle verrà applicato a KeypadButton , che estende FrameLayout.

Componente [id:]NomeClasse Proprietà Valore
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 andato

Informazioni sulla tastiera

Disposizione. @layout/dialpad_info

Informazioni sulla tastiera

Figura 3. Informazioni sulla tastiera

Componente [id:]NomeClasse Proprietà Valore

title: TextView

Il riferimento AOSP ha implementato il movimento di input nel campo del titolo.

Per disabilitare il movimento, sovrascrivere @bool/config_enable_dial_motion su false .

height @dimen/dialpad_info_title_container_size
textAppearance @style/TextAppearance.DialNumber
(Questo stile viene applicato anche al titolo a livello di codice in 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 è controllato da @bool/config_show_detailed_user_profile_on_dialpad per visualizzare l'etichetta e l'avatar. Il valore predefinito è false , che mostra solo il nome visualizzato.

Componente [id:]NomeClasse Proprietà Valore
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

Modalità ritratto

Disposizione. @layout[ -port ]/dialpad_fragment

Modalità ritratto

Figura 4. Modalità verticale

Componente [id:]NomeClasse Proprietà Valore
keypad: KeypadFragment width Deciso dall'altezza, larghezza e imbottitura dei pulsanti principali, vedere Tastiera .
altezza
include
@layout/dialpad_user_profile
N / A Consulta la sezione dialpad_user_profile in Informazioni sul tastierino numerico in modalità orizzontale.
divider: View layout_constraintGuide_percent 0,5
title: TextView Uguale al titolo nelle informazioni del tastierino in modalità orizzontale.
delete_button: ImageView Uguale a delete_button nelle informazioni del tastierino in modalità orizzontale.
call_button: ImageView style @style/DialpadPrimaryButton
height @dimen/call_button_height
src @drawable/icon_call_button
layout_marginBottom @dimen/call_button_bottom_margin