- กิจกรรมโฮสต์:
TelecomActivity - ส่วน:
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 |
ปุ่มกดปุ่ม
@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 | คุณสมบัติ | ค่า |
|---|---|---|
การอ้างอิง AOSP ดำเนินการเคลื่อนไหวอินพุตบนฟิลด์ชื่อ หากต้องการปิดการใช้งานการเคลื่อนไหว ให้แทนที่ | 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 | ไม่มี | ดูส่วน dialpad_user_profile ใน ข้อมูลแป้นหมายเลข ในโหมดแนวนอน |
divider: View | layout_constraintGuide_percent | 0.5 |
title: TextView | เหมือนกับ ชื่อ ใน ข้อมูลแป้นหมายเลข ในโหมดแนวนอน | |
delete_button: ImageView | เช่นเดียวกับ Delete_button ใน ข้อมูลแป้นหมายเลข ในโหมดแนวนอน | |
call_button: ImageView | style | @style/DialpadPrimaryButton |
height | @dimen/call_button_height | |
src | @drawable/icon_call_button | |
layout_marginBottom | @dimen/call_button_bottom_margin |