Bàn phím số

  • Hoạt động của máy chủ: TelecomActivity
  • Mảnh: DialpadFragment

Chế độ ngang

Bố cục

Cập nhật @layout/dialpad_fragment

Màn hình bàn phím số

Hình 1. Màn hình bàn phím số

Thành phần [id:]ClassName Thuộc tính Giá trị
keypad: KeypadFragment width Được quyết định bởi chiều cao, chiều rộng và khoảng đệm của các nút chính
chiều cao
dialpad_info: FrameLayout height Tương tự như chiều cao của bàn phím
width Tương tự như chiều cao
divider: View layout_constraintGuide_percent 0.5

Bàn phím

  • Mảnh. KeypadFragment
  • Bố cục. @layout/keypad
  • Bàn phím

    Hình 2. Bàn phím

    Thành phần [id:]ClassName Thuộc tính Giá trị
    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 Chuỗi đóng gói theo chiều dọc và chiều ngang

Dải phân cách

Cập nhật @layout/keypad_dividers. Không sử dụng đường phân chia trên màn hình ngắn dưới 456 dp.

Thành phần [id:]ClassName Thuộc tính Giá trị
đường phân cách height @dimen/dialpad_line_divider_height (for horizontal dividers)
width @dimen/dialpad_line_divider_height (for vertical dividers)
background @color/divider_color

KeypadButton

@KeypadButtonStyle sẽ được áp dụng cho KeypadButton, mở rộng FrameLayout.

Thành phần [id:]ClassName Thuộc tính Giá trị
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 không có mặt

Thông tin về bàn phím số

Bố cục. @layout/dialpad_info

Thông tin về bàn phím số

Hình 3. Thông tin về bàn phím số

Thành phần [id:]ClassName Thuộc tính Giá trị

title: TextView

Tài liệu tham khảo AOSP đã triển khai chuyển động đầu vào trên trường tiêu đề.

Để tắt chuyển động, hãy ghi đè @bool/config_enable_dial_motion thành false.

height @dimen/dialpad_info_title_container_size
textAppearance @style/TextAppearance.DialNumber
(Kiểu này cũng được áp dụng cho tiêu đề theo phương thức lập trình trong 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 được @bool/config_show_detailed_user_profile_on_dialpad kiểm soát để hiển thị nhãn và hình đại diện. Giá trị mặc định là false, chỉ hiển thị tên hiển thị.

Thành phần [id:]ClassName Thuộc tính Giá trị
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

Chế độ chân dung

Bố cục. @layout[-port]/dialpad_fragment

Chế độ chân dung

Hình 4. Chế độ chân dung

Thành phần [id:]ClassName Thuộc tính Giá trị
keypad: KeypadFragment width Được quyết định bởi chiều cao, chiều rộng và khoảng đệm của các nút chính, Xem Bàn phím.
chiều cao
include
@layout/dialpad_user_profile
Không áp dụng Xem phần dialpad_user_profile trong Thông tin về bàn phím quay số ở chế độ ngang.
divider: View layout_constraintGuide_percent 0,5
title: TextView Tương tự như tiêu đề trong Thông tin về bàn phím quay số ở chế độ ngang.
delete_button: ImageView Tương tự như delete_button trong Dialpad info (Thông tin về bàn phím quay số) ở chế độ ngang.
call_button: ImageView style @style/DialpadPrimaryButton
height @dimen/call_button_height
src @drawable/icon_call_button
layout_marginBottom @dimen/call_button_bottom_margin