如何更正以下xml布局？

Question

我已经在这个布局上工作了很长时间但我无法实现我真正想要的。

这是我的布局：

我试过的是：

  <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
xmlns:card_view="http://schemas.android.com/tools"
android:orientation="vertical">

<android.support.v7.widget.CardView
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:elevation="20dp"
    app:cardCornerRadius="5dp"
    app:cardUseCompatPadding="true"
    card_view:cardCornerRadius="4dp">

    <RelativeLayout

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp">

        <TextView
            android:id="@+id/txt_competition"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_marginTop="10dp"
            android:textColor="#000000"
            android:textSize="16sp" />

        <TextView

            android:id="@+id/txt_time"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_below="@+id/txt_competition"
            android:layout_marginBottom="15dp"
            android:text=""
            android:textColor="#666666"
            android:textSize="12sp" />

        <TextView

            android:id="@+id/txt_stadium"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_below="@+id/txt_time"
            android:text=""
            android:textColor="#666666"
            android:textSize="12sp" />

        <ImageView
            android:id="@+id/image_team1"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_below="@+id/txt_stadium"
            android:layout_centerVertical="true" />

        <TextView
            android:id="@+id/name_team1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="العهد"
            android:textSize="14dp"
            android:layout_below="@+id/image_team1"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />

        <ImageView
            android:id="@+id/image_team2"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_below="@+id/txt_stadium"
            android:layout_centerVertical="true" />

        <TextView
            android:id="@+id/name_team2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_above="@+id/view1"
            android:layout_alignParentRight="true"
            android:layout_marginEnd="12dp"
            android:layout_marginLeft="12dp"
            android:layout_marginRight="12dp"
            android:layout_marginStart="12dp"
            android:textSize="14dp" />

        <TextView
            android:id="@+id/versus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/txt_time"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="-"
            android:textSize="25dp" />

        <TextView
            android:id="@+id/final_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/versus"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="20dp"
            android:textColor="@android:color/darker_gray"
            android:textSize="15dp" />

        <TextView
            android:id="@+id/point_team1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:layout_toLeftOf="@+id/versus"
            android:text="\?"
            android:textSize="25dp" />

        <TextView
            android:id="@+id/point_team2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:layout_toRightOf="@+id/versus"
            android:text="\?"
            android:textSize="25dp" />

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:layout_below="@+id/name_team1"
            android:layout_marginTop="10dp"
            android:background="?android:attr/listDivider" />

        <TextView
            android:id="@+id/livetext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_below="@+id/view1"
            android:layout_marginTop="10dp"
            android:textColor="@android:color/holo_red_light"
            android:textSize="20dp" />


    </RelativeLayout>
</android.support.v7.widget.CardView>

1. 如何在图片正下方的中间设置图片名称？
2. 如何在所有屏幕上显示所有文字大小？因为标签布局文本在另一个屏幕上大小变化。

Answer 1

1. 将图像和图像名称放在LinearView（垂直）中，并将它们对齐为中心。

   <LinearLayout
       android:orientation="vertical"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="left">
   
       <ImageView
           android:id="@+id/image_team1"
           android:layout_width="50dp"
           android:layout_height="50dp"
           android:layout_alignParentLeft="true"
           android:layout_alignParentStart="true"
           android:layout_below="@+id/txt_stadium"
           android:layout_centerVertical="true"
           android:background="@mipmap/ic_launcher"/>
   
       <TextView
           android:id="@+id/name_team1"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="العهد"
           android:textSize="14dp"
           android:layout_below="@+id/image_team1"
           android:layout_alignParentLeft="true"
           android:layout_alignParentStart="true"
           android:layout_gravity="fill_horizontal"
           android:textAlignment="center"/>
   
   </LinearLayout>
   
   <LinearLayout
       android:orientation="vertical"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       >
   
       <ImageView
           android:id="@+id/image_team2"
           android:layout_width="wrap_content"
           android:layout_height="50dp"
           android:layout_alignParentEnd="true"
           android:layout_alignParentRight="true"
           android:layout_below="@+id/txt_stadium"
           android:layout_centerVertical="true"
           android:background="@mipmap/ic_launcher"/>
   
       <TextView
           android:id="@+id/name_team2"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_above="@+id/view1"
           android:layout_alignParentRight="true"
           android:layout_marginEnd="12dp"
           android:layout_marginLeft="12dp"
           android:layout_marginRight="12dp"
           android:layout_marginStart="12dp"
           android:textSize="14dp"
           android:textAlignment="center"
           android:text="العهد"/>
   </LinearLayout>
   

2. 如果以sp为单位，字体大小不会随屏幕的变化而变化。尝试使用带有TableLayout的ScrollView

Answer 2

以下是有关评论的更新问题的答案

<TextView
    android:id="@+id/txt_competition"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="10dp"
    android:textColor="#000000"
    android:textSize="16sp"
    android:textAlignment="textStart"
    android:text="العهد"/>

<TextView

    android:id="@+id/txt_time"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_below="@+id/txt_competition"
    android:layout_marginBottom="15dp"
    android:text="العهد"
    android:textColor="#666666"
    android:textSize="12sp"
    android:textAlignment="textStart"/>

<TextView

    android:id="@+id/txt_stadium"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_below="@+id/txt_time"
    android:text="العهد"
    android:textColor="#666666"
    android:textSize="12sp"
    android:textAlignment="textStart"/>