Status InCall

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

• Aktivitas host: InCallActivity
• Tata letak root: @layout/in_call_activity

Layar panggilan masuk

Fragment. IncomingCallFragment

Layar keypad InCall dalam mode lanskap

Tata letak: @layout/ongoing_call_fragment

Gambar 1. Layar panggilan masuk

Component [id:]ClassName	Properti	Nilai
background_image: BackgroundImageView	@config/config_background_image_alpha	1.0 Digunakan secara terprogram untuk avatar kontak.
	@config/config_background_image_error_alpha	1.0 Digunakan secara terprogram untuk kartu surat kontak. Menetapkan ke 0,0 akan menyembunyikan warna latar belakang.
user_profile_container: @layout/user_profile_large	T/A	T/A
ringing_call_controller_bar: RingingCallControllerBarFragment	height	@dimen/in_call_controller_bar_height
	layout_margintStart layout_marginEnd layout_marginBottom	@dimen/in_call_controller_bar_margin

• Profil pengguna. @layout/user_profile_large

  Component [id:]ClassName			Properti	Nilai
  root: LinearLayout			orientation	horizontal
  			paddingStart paddingEnd	@dimen/in_call_user_profile_margin
  	user_profile_avatar: ImageView		width	in_call_avatar_icon_size
  			height	in_call_avatar_icon_size
  			scaleType	fitCenter
  	User info: LinearLayout		paddingStart	@dimen/in_call_margin_between_avatar_and_text
  		user_profile_title:TextView	textAppearance	@style/TextAppearance.InCallUserTitle
  		user_profile_phone_number: TextView	textAppearance	@style/TextAppearance.InCallUserPhoneNumber
  			marginTop	@dimen/in_call_phone_number_margin_top
  		user_profile_call_state: Chronometer	textAppearance	@style/TextAppearance.InCallState
  			marginTop	@dimen/in_call_state_margin_top

• RingingCallControllerBarFragment. @layout/ringing_call_controller_bar_fragment

  Component [id:]ClassName		Properti	Nilai
  root: ConstraintLayout		height	@dimen/in_call_controller_bar_height
  		background	@android:color/transparent
  	answer_call_button: ImageView	width height	@dimen/ringing_call_button_touch_target_size
  		background	@drawable/dialer_ripple_background
  		src	@drawable/ic_phone
  		tint	@color/phone_call
  		scaleType	center
  	answer_call_text: TextView	marginStart	@dimen/ringing_call_text_margin
  		text	@string/answer_call
  		textAppearance	?android:attr/textAppearanceLarge
  	end_call_button: ImageView	width height	@dimen/ringing_call_button_touch_target_size
  		background	@drawable/dialer_ripple_background
  		src	@drawable/ic_call_end
  		tint	@color/phone_end_call
  		scaleType	center
  	end_call_text: TextView	marginStart	@dimen/ringing_call_text_margin
  		text	@string/decline_call
  		textAppearance	?android:attr/textAppearanceLarge
  	mid_line: Guideline	constraintGuide_percent	0,5

Panggilan masuk dalam mode potret

Halaman panggilan masuk dalam mode potret memiliki @layout/ongoing_call_fragment yang sama dengan mode lanskap, kecuali untuk @layout[-port]/user_profile_large, yang ditata secara berbeda.

Gambar 2. Panggilan masuk dalam mode potret

• Profil pengguna. @layout/user_profile_large

  Component [id:]ClassName		Properti	Nilai
  root: LinearLayout		orientation	vertical
  		gravity	center
  	user_profile_avatar: ImageView	width	in_call_avatar_icon_size
  		height	in_call_avatar_icon_size
  		scaleType	fitCenter
  	user_profile_title: TextView	textAppearance	@style/TextAppearance.InCallUserTitle
  		paddingTop	@dimen/in_call_margin_between_avatar_and_text
  	user_profile_phone_number: TextView	textAppearance	@style/TextAppearance.InCallUserPhoneNumber
  		paddingTop	@dimen/in_call_phone_number_margin_top
  	user_profile_call_state: Chronometer	textAppearance	@style/TextAppearance.InCallState
  		paddingTop	@dimen/in_call_state_margin_top

Halaman panggilan yang sedang berlangsung

Fragment. OngoingCallFragment

Mode lanskap

Gambar 3. Layar panggilan yang sedang berlangsung dalam mode lanskap

Component [id:]ClassName		Properti	Nilai
background_image: BackgroundImageView		@config/config_background_image_alpha	1.0 Digunakan secara terprogram untuk avatar kontak.
		@config/config_background_image_error_alpha	1.0 Digunakan secara terprogram untuk kartu surat kontak. Jika ditetapkan ke 0,0, warna latar belakang akan disembunyikan.
Penampung tampilan lain: ConstraintLayout		background	@android:color/transparent Diperlukan agar ripple berfungsi untuk tombol panel kontrol.
	incall_dialpad_fragment: InCallDialpadFragment	T/A	Lihat Tombol nomor dalam panggilan
	user_profile_container: @layout/user_profile_large	T/A	Sama seperti @layout/user_profile_large di halaman Incoming call. Mode lanskap Mode potret
	onhold_user_profile: OnHoldCallUserProfileFragment	height	@dimen/onhold_user_info_height
		layout_marginTop	@dimen/onhold_profile_margin_y
		layout_marginStart layout_marginEnd	@dimen/onhold_profile_margin_x
	ongoing_call_control_bar: OnGoingCallControllerBarFragment	layout_marginBottom	@dimen/in_call_controller_bar_margin
		layout_marginHorizontal	@dimen/in_call_controller_bar_margin

• OnHoldCallUserProfileFragment. @layout/onhold_user_profile

  Komponen [id:]ClassName			Properti	Nilai
  root: CardView			android:elevation	@dimen/dialer_card_elevation
  			cardBackgroundColor	@color/onhold_call_background
  			cardCornerRadius	@dimen/onhold_profile_corner_radius
  	swap_calls_view: ConstraintLayout		background	?android:attr/selectableItemBackground
  		guideline: Guideline	layout_constraintGuide_begin	@dimen/onhold_profile_guideline
  		icon: ImageView	width height	@dimen/avatar_icon_size
  			scaleType	centerCrop
  			layout_marginStart	@dimen/onhold_profile_avatar_margin
  		title: TextView	textAppearance	?android:attr/textAppearanceLarge
  		text: TextView	text	@string/onhold_call_label
  			textAppearance	?android:attr/textAppearanceSmall
  		swap_call_button: ImageView	src	@drawable/ic_swap_calls
  			tint	@color/secondary_icon_color
  			scaleType	center
  			paddingLeft paddingRight	@dimen/swap_call_button_margin

• OnGoingCallControllerBarFragment. @layout/on_going_call_controller_bar_fragment

  Component [id:]ClassName			Properti	Nilai
  root: ConstraintLayout			height	@dimen/in_call_controller_bar_height
  	mute_button: ImageView		width height	@dimen/in_call_button_size
  			scaleType	center
  			src	@drawable/ic_mute_activatable
  			background	@drawable/dialer_ripple_background
  	toggle_dialpad_button: ImageView		width height	@dimen/in_call_button_size
  			scaleType	center
  			src	@drawable/ic_dialpad_activatable
  			background	@drawable/dialer_ripple_background
  	end_call_button: ImageView		style	@style/DialpadPrimaryButton
  			src	@drawable/ic_call_end_button
  	voice_channel_view: LinearLayout		orientation	vertical
  		voice_channel_button: ImageView	width height	@dimen/in_call_button_size
  			scaleType	center
  			src	@drawable/ic_audio_route_vehicle_activatable
  			background	@drawable/dialer_ripple_background
  		voice_channel_text: TextView	visibility	gone
  	pause_button: ImageView		width height	@dimen/in_call_button_size
  			scaleType	center
  			src	@drawable/ic_pause_activatable
  			background	@drawable/dialer_ripple_background

Gambar 4. Halaman panggilan yang sedang berlangsung dalam mode potret

Mode potret memiliki tata letak yang sama, kecuali @layout/user_profile_large disusun secara berbeda. Lihat juga Mode potret di halaman Panggilan masuk.

Tombol nomor saat dalam panggilan

Fragment. InCallDialpadFragment

Mode lanskap

Tata letak. @layout/incall_dialpad_fragment

Gambar 5. Layar keypad InCall dalam mode lanskap

Component [id:]ClassName	Properti	Nilai
divider: Guideline	layout_constraintGuide_percent	0,5
dialpad_fragment: KeypadFragment	T/A	Lihat Keypad
dialpad_info_boundaries: View	height	Sama seperti dialpad_fragment
	layout_constraintDimensionRatio	W, 1:1
call_state: Chronometer	layout_width	match_parent untuk menghindari penggambaran ulang seluruh tampilan pada pembaruan teks
	textAppearance	@style/TextAppearance.InCallState
	marginBottom	@dimen/call_state_padding
title: TextView	textAppearance	@style/TextAppearance.DialNumber

Papan nomor InCall dalam mode potret

Tata letak. @layout[-port]/incall_dialpad_fragment

Gambar 6. Layar keypad InCall dalam mode potret

Component [id:]ClassName	Properti	Nilai
dialpad_fragment: KeypadFragment	layout_marginTop	@dimen/keypad_margin
call_state: Chronometer	layout_width	match_parent untuk menghindari penggambaran ulang seluruh tampilan pada pembaruan teks.
	gravity	center
	textAppearance	@style/TextAppearance.InCallState
	marginStart marginEnd	@dimen/dialpad_info_edge_padding_size
title: TextView	gravity	Akhiri bersama dengan lebar yang disetel ke wrap_content untuk memusatkan nomor yang diputar dan memudar saat dimulai.
	textAppearance	@style/TextAppearance.DialNumber
	marginStart marginEnd	@dimen/dialpad_info_edge_padding_size

KeypadFragment. Lihat Keypad