Tuş takımı

  • Ana makine etkinliği: TelecomActivity
  • Parça: DialpadFragment

Yatay mod

Düzen

@layout/dialpad_fragment uygulamasını güncelle

Tuş takımı ekranı

Şekil 1. Tuş takımı ekranı

Component [id:]ClassName Mülk Değer
keypad: KeypadFragment width Anahtar düğmelerinin yüksekliğine, genişliğine ve dolgu boyutuna göre belirlenir.
boy
dialpad_info: FrameLayout height Tuş takımının yüksekliğiyle aynı
width Yükseklikle aynı
divider: View layout_constraintGuide_percent 0.5

Tuş takımı

  • Parça. KeypadFragment
  • Düzen. @layout/keypad
  • Tuş takımı

    Şekil 2. Tuş takımı

    Component [id:]ClassName Mülk Değer
    KeypadButtons 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 Dikey ve yatay olarak paketlenmiş zincir

Ayırıcılar

@layout/keypad_dividers adlı cihazı güncelleyin. 456 dp'den kısa ekranlarda ayırıcı kullanmayın.

Component [id:]ClassName Mülk Değer
ayırıcılar height @dimen/dialpad_line_divider_height (for horizontal dividers)
width @dimen/dialpad_line_divider_height (for vertical dividers)
background @color/divider_color

KeypadButton

@KeypadButtonStyle, FrameLayout'ı genişleten KeypadButton'a uygulanır.

Component [id:]ClassName Mülk Değer
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 yok

Dialpad bilgileri

Düzen. @layout/dialpad_info

Dialpad bilgileri

Şekil 3. Dialpad bilgileri

Component [id:]ClassName Mülk Değer

title: TextView

AOSP referansı, başlık alanına giriş hareketi uyguladı.

Hareketi devre dışı bırakmak için @bool/config_enable_dial_motion değerini false olarak değiştirin.

height @dimen/dialpad_info_title_container_size
textAppearance @style/TextAppearance.DialNumber
(Bu stil, DialpadFragment içinde başlığa programatik olarak da uygulanır.)
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, etiketi ve avatarı göstermek için @bool/config_show_detailed_user_profile_on_dialpad tarafından engellenir. Varsayılan değer false'tür ve yalnızca görünen adı gösterir.

Component [id:]ClassName Mülk Değer
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

Portre modu

Düzen. @layout[-port]/dialpad_fragment

Portre modu

Şekil 4. Portre modu

Component [id:]ClassName Mülk Değer
keypad: KeypadFragment width Tuş düğmelerinin yüksekliğine, genişliğine ve dolgu alanına göre belirlenir. Tuş takımı bölümüne bakın.
boy
include
@layout/dialpad_user_profile
Yok Yatay modda Dialpad bilgileri bölümündeki dialpad_user_profile bölümüne bakın.
divider: View layout_constraintGuide_percent 0,5
title: TextView Yatay moddaki Dialpad bilgileri bölümündeki başlık ile aynıdır.
delete_button: ImageView Yatay moddaki Numara çevirme bilgileri bölümündeki delete_button ile aynıdır.
call_button: ImageView style @style/DialpadPrimaryButton
height @dimen/call_button_height
src @drawable/icon_call_button
layout_marginBottom @dimen/call_button_bottom_margin