Android Linphone InCall左对齐/浮动两个布局XML文件。并排。在After Image之前

Question

附图显示了photoshop中的前后图像。前面的图像是我现在所拥有的，我正在努力实现之后的目标。这两个组件位于两个单独的xml文件中。但我不能只将代码从一个移到另一个，因为它会崩溃，我不知道如何修改后端脚本。我想通过独立编辑这两个文件来实现这一点。以下是xml：

active_call_control_row.xml

<LinearLayout android:gravity="right|top" android:orientation="vertical" android:padding="10.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_margin="2.0dip" xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:gravity="right|top" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="40dp">
    <TextView android:textSize="22.0dip" android:textColor="@android:color/white" android:gravity="right|top" android:id="@id/contactNameOrNumber" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0" />
</LinearLayout>
<LinearLayout android:gravity="right|top" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
    <ImageView android:id="@id/callStatus" android:layout_width="30.0dip" android:layout_height="30.0dip" android:src="@drawable/pause" android:scaleType="fitCenter" android:adjustViewBounds="true" android:contentDescription="@string/content_description_pause" />
    <Chronometer android:textSize="22.0dip" android:textColor="@android:color/white" android:id="@id/callTimer" android:paddingLeft="10.0dip" android:paddingRight="10.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</LinearLayout>

active_call_image_row.xml

<TableRow android:gravity="left|top" android:orientation="horizontal" android:padding="10.0dip" android:layout_width="160dp" android:layout_height="75.0dip" android:layout_margin="2.0dip"
      xmlns:android="http://schemas.android.com/apk/res/android" xmlns:linphone="http://schemas.android.com/apk/res-auto">

到目前为止，我尝试为两个文件添加布局宽度，400dp和150dp，但图像仍然有效。