لوحة الاتصال

  • النشاط المضيف: TelecomActivity
  • جزء: DialpadFragment

وضعية الشاشة العريضة

تَخطِيط

قم بتحديث @layout/dialpad_fragment

شاشة لوحة الاتصال

الشكل 1. شاشة لوحة الاتصال

المكون [المعرف:] اسم الفئة ملكية قيمة
keypad: KeypadFragment width يتم تحديده حسب الارتفاع والعرض والحشوة لأزرار المفاتيح
ارتفاع
dialpad_info: FrameLayout height نفس ارتفاع لوحة المفاتيح
width نفس الارتفاع
divider: View layout_constraintGuide_percent 0.5

لوحة المفاتيح

  • شظية. KeypadFragment
  • تَخطِيط. @layout/keypad
  • لوحة المفاتيح

    الشكل 2. لوحة المفاتيح

    المكون [المعرف:] اسم الفئة ملكية قيمة
    أزرار لوحة المفاتيح 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.

المكون [المعرف:] اسم الفئة ملكية قيمة
فواصل height @dimen/dialpad_line_divider_height (for horizontal dividers)
width @dimen/dialpad_line_divider_height (for vertical dividers)
background @color/divider_color

زر لوحة المفاتيح

سيتم تطبيق @KeypadButtonStyle على KeypadButton ، الذي يمتد FrameLayout.

المكون [المعرف:] اسم الفئة ملكية قيمة
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. معلومات لوحة الاتصال

المكون [المعرف:] اسم الفئة ملكية قيمة

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 ، والتي تظهر اسم العرض فقط.

المكون [المعرف:] اسم الفئة ملكية قيمة
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. الوضع الرأسي

المكون [المعرف:] اسم الفئة ملكية قيمة
keypad: KeypadFragment width يتم تحديده حسب ارتفاع وعرض ومساحة أزرار المفاتيح، راجع لوحة المفاتيح .
ارتفاع
include
@layout/dialpad_user_profile
لا يوجد راجع قسم Dialpad_user_profile في معلومات Dialpad في الوضع الأفقي.
divider: View layout_constraintGuide_percent 0.5
title: TextView نفس العنوان في معلومات Dialpad في الوضع الأفقي.
delete_button: ImageView نفس زر الحذف في معلومات Dialpad في الوضع الأفقي.
call_button: ImageView style @style/DialpadPrimaryButton
height @dimen/call_button_height
src @drawable/icon_call_button
layout_marginBottom @dimen/call_button_bottom_margin