صفحه شماره گیری

  • فعالیت میزبان: TelecomActivity
  • Fragment: DialpadFragment

حالت افقی

چیدمان

@layout/dialpad_fragment را به‌روزرسانی کنید

صفحه شماره گیری

شکل 1. صفحه شماره گیری

مؤلفه [id:]ClassName ویژگی ارزش
keypad: KeypadFragment width با ارتفاع، عرض، و بالشتک دکمه های کلید تعیین می شود
ارتفاع
dialpad_info: FrameLayout height همان ارتفاع صفحه کلید
width همون ارتفاع
divider: View layout_constraintGuide_percent 0.5

صفحه کلید

  • قطعه. KeypadFragment
  • چیدمان. @layout/keypad
  • صفحه کلید

    شکل 2. صفحه کلید

    مؤلفه [id:]ClassName ویژگی ارزش
    دکمه های صفحه کلید 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 بسته بندی زنجیر به صورت عمودی و افقی

تقسیم کننده ها

@layout/keypad_dividers را به‌روزرسانی کنید. از تقسیم کننده ها در صفحه های کوتاه کمتر از 456dp استفاده نکنید.

مؤلفه [id:]ClassName ویژگی ارزش
تقسیم کننده ها height @dimen/dialpad_line_divider_height (for horizontal dividers)
width @dimen/dialpad_line_divider_height (for vertical dividers)
background @color/divider_color

دکمه Keypad

@KeypadButtonStyle روی KeypadButton اعمال می‌شود که FrameLayout را گسترش می‌دهد.

مؤلفه [id:]ClassName ویژگی ارزش
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 رفته

اطلاعات صفحه شماره گیری

چیدمان. @layout/dialpad_info

اطلاعات صفحه شماره گیری

شکل 3. اطلاعات صفحه شماره گیری

مؤلفه [id:]ClassName ویژگی ارزش

title: TextView

مرجع AOSP حرکت ورودی را در قسمت عنوان پیاده سازی کرد.

برای غیرفعال کردن حرکت، @bool/config_enable_dial_motion را روی false لغو کنید.

height @dimen/dialpad_info_title_container_size
textAppearance @style/TextAppearance.DialNumber
(این سبک به صورت برنامه‌نویسی در 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 توسط @bool/config_show_detailed_user_profile_on_dialpad برای نمایش برچسب و آواتار دروازه‌بندی شده است. مقدار پیش‌فرض false است که فقط نام نمایشی را نشان می‌دهد.

مؤلفه [id:]ClassName ویژگی ارزش
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

حالت پرتره

چیدمان. @layout[ -port ]/dialpad_fragment

حالت پرتره

شکل 4. حالت پرتره

مؤلفه [id:]ClassName ویژگی ارزش
keypad: KeypadFragment width با توجه به ارتفاع، عرض و لایه بندی دکمه های کلید، به صفحه کلید مراجعه کنید.
ارتفاع
include
@layout/dialpad_user_profile
N/A بخش dialpad_user_profile را در Dialpad info در حالت افقی ببینید.
divider: View layout_constraintGuide_percent 0.5
title: TextView مانند عنوان در Dialpad info در حالت افقی.
delete_button: ImageView مانند delete_button در اطلاعات Dialpad در حالت افقی.
call_button: ImageView style @style/DialpadPrimaryButton
height @dimen/call_button_height
src @drawable/icon_call_button
layout_marginBottom @dimen/call_button_bottom_margin