ইনকল অবস্থা

  • হোস্ট কার্যকলাপ: InCallActivity
  • রুট লেআউট: @layout/in_call_activity

ইনকামিং কল স্ক্রীন

খণ্ড. IncomingCallFragment

ল্যান্ডস্কেপ মোডে ইনক্যাল ডায়ালপ্যাড স্ক্রিন

লেআউট: @layout/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		 N/A N/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
  • ব্যবহারকারীর প্রোফাইল। @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
  • RingingCallControllerBarFragment. @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/ongoing_call_fragment শেয়ার করে ল্যান্ডস্কেপ মোডের সাথে @layout [-port] /user_profile_large ব্যতীত, যা আলাদাভাবে সাজানো হয়।

পোর্ট্রেট মোডে ইনকামিং কল পেজ

চিত্র 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 N/A InCall ডায়ালপ্যাড দেখুন
user_profile_container: @layout/user_profile_large N/A ইনকামিং কল পৃষ্ঠায় @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
  • OnHoldCallUserProfileFragment। @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
  • OnGoingCallControllerBarFragment @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 N/A কীপ্যাড দেখুন
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 । কীপ্যাড দেখুন