res/layout/primary_call_info.xml

<?xml version="1.0" encoding="utf-8"?>

<!--
  ~ Copyright (C) 2013 The Android Open Source Project
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License
  -->

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="0dp"
             android:layout_weight="1">

    <!-- Contact photo for primary call info -->
    <ImageView android:id="@+id/photo"
               android:layout_alignParentStart="true"
               android:layout_alignParentTop="true"
               android:layout_width="match_parent"
               android:layout_height="match_parent"
               android:gravity="top|center_horizontal"
               android:scaleType="centerCrop"
               android:contentDescription="@string/contactPhoto"
               android:src="@drawable/picture_unknown"/>

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

        <!-- "Call Banner" for primary call, the foregound or ringing call.
         The "call banner" is a block of info about a single call,
         including the contact name, phone number, call time counter,
         and other status info.  This info is shown as a "banner"
         overlaid across the top of contact photo. -->
        <RelativeLayout android:id="@+id/primary_call_banner"
            style="@style/PrimaryCallInfoPrimaryCallBanner"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:minHeight="@dimen/call_banner_height"
            android:paddingStart="@dimen/call_banner_side_padding"
            android:paddingEnd="@dimen/call_banner_side_padding"
            android:paddingTop="@dimen/call_banner_top_bottom_padding"
            android:paddingBottom="@dimen/call_banner_top_bottom_padding"
            android:background="@color/incall_call_banner_background">

            <!-- Name (or the phone number, if we don't have a name to display). -->
            <TextView android:id="@+id/name"
                android:layout_alignParentTop="true"
                android:layout_alignParentStart="true"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingEnd="@dimen/call_banner_name_number_right_padding"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="@color/incall_call_banner_text_color"
                android:singleLine="true"
                android:textAlignment="viewStart"/>

            <!-- Label (like "Mobile" or "Work", if present) and phone number, side by side -->
            <LinearLayout android:id="@+id/labelAndNumber"
                android:layout_below="@id/name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingEnd="@dimen/call_banner_name_number_right_padding"
                android:orientation="horizontal">
                <TextView android:id="@+id/phoneNumber"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceSmall"
                    android:textColor="@color/incall_call_banner_text_color"
                    android:singleLine="true"
                    android:textDirection="ltr" />
                <TextView android:id="@+id/label"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceSmall"
                    android:textColor="@color/incall_call_banner_text_color"
                    android:textAllCaps="true"
                    android:singleLine="true"
                    android:layout_marginStart="6dp" />
            </LinearLayout>

            <!-- Elapsed time indication for a call in progress. -->
            <TextView android:id="@+id/elapsedTime"
                android:layout_alignParentEnd="true"
                android:layout_centerVertical="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="@color/incall_call_banner_text_color"
                android:singleLine="true"
                android:visibility="invisible" />

            <!-- Call type indication: a special label and/or branding
                 for certain kinds of calls (like "Internet call" for a SIP call.) -->
            <TextView android:id="@+id/callTypeLabel"
                android:layout_below="@id/labelAndNumber"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:textColor="@color/incall_call_banner_text_color"
                android:maxLines="1"
                android:ellipsize="end" />

        </RelativeLayout>  <!-- End of call_banner -->


        <LinearLayout android:id="@+id/supplementary_info_container"
            style="@style/PrimaryCallInfoSupplementaryInfoContainer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|right"
            android:orientation="vertical"
            android:background="@color/incall_secondary_info_background"
            android:animateLayoutChanges="true">

            <!-- The "call state label": In some states, this shows a special
                 indication like "Dialing" or "Incoming call" or "Call ended".
                 It's unused for the normal case of an active ongoing call. -->
            <TextView android:id="@+id/callStateLabel"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingTop="@dimen/provider_info_top_bottom_padding"
                android:paddingBottom="@dimen/provider_info_top_bottom_padding"
                android:paddingStart="@dimen/call_banner_side_padding"
                android:paddingEnd="@dimen/call_banner_side_padding"
                android:gravity="end"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:textColor="@color/incall_call_banner_text_color"
                android:textAllCaps="true"
                android:background="@android:color/transparent"
                android:singleLine="true"
                android:ellipsize="end"/>
        </LinearLayout>

    </LinearLayout>


</FrameLayout>