इनकॉल स्थिति

  • मेज़बान गतिविधि: InCallActivity
  • रूट लेआउट: @layout/in_call_activity

इनकमिंग कॉल स्क्रीन

टुकड़ा. IncomingCallFragment

लैंडस्केप मोड में इनकॉल डायलपैड स्क्रीन

लेआउट: @लेआउट/ongoing_call_fragment

इनकमिंग कॉल स्क्रीन

चित्र 1. इनकमिंग कॉल स्क्रीन

घटक [आईडी:]क्लासनाम संपत्ति कीमत
background_image:
BackgroundImageView		 @config/config_background_image_alpha 1.0
संपर्क अवतारों के लिए प्रोग्रामेटिक रूप से उपयोग किया जाता है।
@config/config_background_image_error_alpha 1.0
संपर्क पत्र टाइल्स के लिए प्रोग्रामेटिक रूप से उपयोग किया जाता है। 0.0 पर सेट करने से पृष्ठभूमि का रंग छिप जाएगा।
user_profile_container:
@layout/user_profile_large		 एन/ए एन/ए
ringing_call_controller_bar:
RingingCallControllerBarFragment		 height @dimen/in_call_controller_bar_height
layout_margintStart
layout_marginEnd
layout_marginBottom		 @dimen/in_call_controller_bar_margin
  • उपयोगकर्ता रूपरेखा। @layout/user_profile_large
    Component [id:]ClassName संपत्ति कीमत
    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
  • रिंगिंगकॉलकंट्रोलरबारफ्रैगमेंट। @layout/ringing_call_controller_bar_fragment
    Component [id:]ClassName संपत्ति कीमत
    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

पोर्ट्रेट मोड में इनकमिंग कॉल

पोर्ट्रेट मोड में इनकमिंग कॉल पेज @layout [-port] /user_profile_large छोड़कर लैंडस्केप मोड के साथ समान @layout/ongoing_call_fragment साझा करता है, जिसे अलग तरीके से रखा गया है।

इनकमिंग कॉल पेज पोर्ट्रेट मोड में

चित्र 2. पोर्ट्रेट मोड में इनकमिंग कॉल

  • उपयोगकर्ता रूपरेखा। @layout/user_profile_large
    Component [id:]ClassName संपत्ति कीमत
    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

चालू कॉल पेज

टुकड़ा. OngoingCallFragment

लैंडस्केप मोड

लैंडस्केप मोड में चालू कॉल स्क्रीन

चित्र 3. लैंडस्केप मोड में चालू कॉल स्क्रीन

Component [id:]ClassName संपत्ति कीमत
background_image: BackgroundImageView @config/config_background_image_alpha 1.0
संपर्क अवतारों के लिए प्रोग्रामेटिक रूप से उपयोग किया जाता है।
@config/config_background_image_error_alpha 1.0
संपर्क पत्र टाइल्स के लिए प्रोग्रामेटिक रूप से उपयोग किया जाता है। जब 0.0 पर सेट किया जाता है, तो पृष्ठभूमि का रंग छिप जाता है।
अन्य दृश्यों का कंटेनर: ConstraintLayout background @android:color/transparent
नियंत्रण बार बटनों के लिए रिपल को कार्यशील बनाने की आवश्यकता है।
incall_dialpad_fragment: InCallDialpadFragment एन/ए इनकॉल डायलपैड देखें
user_profile_container: @layout/user_profile_large एन/ए इनकमिंग कॉल पेज पर @layout/user_profile_large के समान।
  • लैंडस्केप मोड
  • पोर्ट्रेट मोड
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
  • ऑनहोल्डकॉलयूजरप्रोफाइलफ्रैगमेंट। @layout/onhold_user_profile
    घटक [आईडी:]क्लासनाम संपत्ति कीमत
    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
  • ऑनगोइंगकॉलकंट्रोलरबारफ्रैगमेंट। @layout/on_going_call_controller_bar_fragment
    Component [id:]ClassName संपत्ति कीमत
    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

पोर्ट्रेट मोड में चालू कॉल पेज

चित्र 4. पोर्ट्रेट मोड में चालू कॉल पेज

पोर्ट्रेट मोड एक ही लेआउट साझा करता है, सिवाय इसके कि @layout/user_profile_large अलग तरीके से रखा गया है। इनकमिंग कॉल पेज पर पोर्ट्रेट मोड भी देखें।

इनकॉल डायलपैड

टुकड़ा. InCallDialpadFragment

लैंडस्केप मोड

लेआउट। @layout/incall_dialpad_fragment

लैंडस्केप मोड में इनकॉल डायलपैड स्क्रीन

चित्र 5. लैंडस्केप मोड में इनकॉल डायलपैड स्क्रीन

घटक [आईडी:]क्लासनाम संपत्ति कीमत
divider: Guideline layout_constraintGuide_percent 0.5
dialpad_fragment: KeypadFragment एन/ए कीपैड देखें
dialpad_info_boundaries: View height dialpad_fragment के समान
layout_constraintDimensionRatio W, 1:1
call_state: Chronometer layout_width टेक्स्ट अपडेट पर संपूर्ण दृश्य को दोबारा बनाने से बचने के लिए match_parent उपयोग करें
textAppearance @style/TextAppearance.InCallState
marginBottom @dimen/call_state_padding
title: TextView textAppearance @style/TextAppearance.DialNumber

पोर्ट्रेट मोड में इनकॉल डायलपैड

लेआउट। @layout[-port]/incall_dialpad_fragment

पोर्ट्रेट मोड में इनकॉल डायलपैड स्क्रीन

चित्र 6. पोर्ट्रेट मोड में इनकॉल डायलपैड स्क्रीन

घटक [आईडी:]क्लासनाम संपत्ति कीमत
dialpad_fragment: KeypadFragment layout_marginTop @dimen/keypad_margin
call_state: Chronometer layout_width टेक्स्ट अपडेट पर संपूर्ण दृश्य को दोबारा बनाने से बचने के लिए match_parent उपयोग करें।
gravity center
textAppearance @style/TextAppearance.InCallState
marginStart
marginEnd		 @dimen/dialpad_info_edge_padding_size
title: TextView gravity डायल किए गए नंबर को केंद्र में रखने के लिए चौड़ाई को wrap_content पर सेट करके समाप्त करें और प्रारंभ में फीका करें।
textAppearance @style/TextAppearance.DialNumber
marginStart
marginEnd		 @dimen/dialpad_info_edge_padding_size

KeypadFragment । कीपैड देखें