- Host activity:
TelecomActivity
- Fragment:
ContactDetailsFragment
- Root layout:
@layout/list_fragment
Menus are programmatically set to invisible
for this page.
Figure 1. Contact details screen
Action bar custom view
Update @layout/contact_details_action_bar
, which is available on a short screen (of
less than 610dp).
Component [id:]ClassName | Property | Value |
---|---|---|
contact_details_action_bar_avatar: ImageView |
width |
@dimen/contact_details_avatar_size |
height |
@dimen/contact_details_avatar_size |
|
contact_details_action_bar_name: TextView |
textAppearance |
@style/TextAppearance.Body1 |
layout_marginStart |
@dimen/contact_details_action_bar_name_margin |
Contact details header
Update @layout/contact_details_name_image
. This update is available on a tall screen
(greater than or equal to 610dp).
Component [id:]ClassName | Property | Value |
---|---|---|
avatar: ImageView |
width |
@dimen/contact_details_avatar_size |
height |
@dimen/contact_details_avatar_size |
|
layout_marginTop |
@dimen/contact_details_avatar_margin_top |
|
title (Contact name): TextView |
layout_marginTop |
@dimen/contact_details_title_margin_top |
layout_marginBottom |
@dimen/contact_details_title_margin_bottom |
|
textAppearance |
@style/TextAppearance.ContactDetailsTitle |
|
background_image: BackgroundImageView |
visibility |
gone |
@config/config_background_image_alpha code> |
1.0 Used programmatically for contact avatars. |
|
@config/config_background_image_error_alpha |
1.0 Used programmatically for contact letter tiles. Setting this to 0.0 hides the background color. |
Phone number layout
Update @layout/contact_details_number
.
Component [id:]ClassName | Property | Value |
---|---|---|
call_action_id: View |
background |
?android:attr/selectableItemBackground |
paddingStart |
@dimen/contact_details_number_padding_start |
|
paddingEnd |
@dimen/contact_details_number_padding_end |
|
Constraint End |
toStartOf divider |
|
title: TextView |
textAppearance |
@style/TextAppearance.ContactDetailsListTitle |
text (label): TextView |
textAppearance |
@style/TextAppearance.ContactDetailsListSubtitle |
contact_details_favorite_button: ImageView |
src |
@drawable/ic_favorite_activatable |
tint |
@color/contact_details_icon_tint |
|
background |
?android:attr/selectableItemBackground |
|
Constraint Start |
toStartOf divider |
|
divider: View |
width |
@dimen/vertical_divider_width |
background |
@color/divider_color |
|
layout_marginTop |
@dimen/vertical_divider_inset |
|
layout_marginBottom |
@dimen/vertical_divider_inset |
|
layout_marginEnd |
@dimen/contact_details_text_button_guideline |