Wähltasten

  • Host-Aktivität: TelecomActivity
  • Fragment: DialpadFragment

Querformat

Layout

Aktualisieren Sie @layout/dialpad_fragment

Wähltastatur-Bildschirm

Abbildung 1. Wähltastenbildschirm

Komponente [id:]Klassenname Eigentum Wert
keypad: KeypadFragment width Entscheidend sind Höhe, Breite und Polsterung der Tasten
Höhe
dialpad_info: FrameLayout height Entspricht der Höhe der Tastatur
width Genauso wie die Höhe
divider: View layout_constraintGuide_percent 0.5

Tastenfeld

  • Fragment. KeypadFragment
  • Layout. @layout/keypad

    • Tastenfeld

    Abbildung 2. Tastatur

    Komponente [id:]Klassenname Eigentum Wert
    Tastatur-Tasten 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 Gepackte Kette vertikal und horizontal

Teiler

Aktualisieren Sie @layout/keypad_dividers . Verwenden Sie keine Trennwände auf kurzen Bildschirmen mit weniger als 456 dp.

Komponente [id:]Klassenname Eigentum Wert
Trennwände height @dimen/dialpad_line_divider_height (for horizontal dividers)
width @dimen/dialpad_line_divider_height (for vertical dividers)
background @color/divider_color

KeypadButton

@KeypadButtonStyle wird auf den KeypadButton angewendet, der FrameLayout erweitert.

Komponente [id:]Klassenname Eigentum Wert
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 gegangen

Informationen zur Wähltastatur

Layout. @layout/dialpad_info

Informationen zur Wähltastatur

Abbildung 3. Wähltasten-Info

Komponente [id:]Klassenname Eigentum Wert

title: TextView

Die AOSP-Referenz implementierte die Eingabebewegung im Titelfeld.

Um die Bewegung zu deaktivieren, überschreiben Sie @bool/config_enable_dial_motion auf false .

 height @dimen/dialpad_info_title_container_size
textAppearance @style/TextAppearance.DialNumber
(Dieser Stil wird auch programmgesteuert im DialpadFragment auf den Titel angewendet.)
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 wird von @bool/config_show_detailed_user_profile_on_dialpad gesteuert, um die Beschriftung und den Avatar anzuzeigen. Der Standardwert ist false und zeigt nur den Anzeigenamen an.

Komponente [id:]Klassenname Eigentum Wert
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

Portraitmodus

Layout. @layout[ -port ]/dialpad_fragment

Portraitmodus

Abbildung 4. Porträtmodus

Komponente [id:]Klassenname Eigentum Wert
keypad: KeypadFragment width Entscheidend sind Höhe, Breite und Polsterung der Tasten, siehe Tastatur .
Höhe
include
@layout/dialpad_user_profile		 N / A Weitere Informationen finden Sie im Abschnitt „Dialpad_user_profile“ unter „Dialpad-Info im Querformat“.
divider: View layout_constraintGuide_percent 0,5
title: TextView Entspricht dem Titel in den Dialpad-Infos im Querformat.
delete_button: ImageView Identisch mit delete_button in der Wähltasten-Info im Querformat.
call_button: ImageView style @style/DialpadPrimaryButton
height @dimen/call_button_height
src @drawable/icon_call_button
layout_marginBottom @dimen/call_button_bottom_margin