我正在尝试在CardView中对齐多个TextView项目。我将在RecyclerView中使用此CardView来显示数据。但这不适用于所有屏幕尺寸。首先,我显示一些静态标签,然后显示CardView以显示真实数据。下面是我的布局文件的代码:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<TextView
android:id="@+id/textView3"
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:background="@drawable/side_nav_bar"
android:text="Name"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView12"
android:layout_width="20dp"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="16dp"
android:background="@drawable/side_nav_bar"
android:text="P"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintStart_toEndOf="@+id/textView3"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView13"
android:layout_width="25dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:text="W"
android:background="@drawable/side_nav_bar"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.073"
app:layout_constraintStart_toEndOf="@+id/textView12"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView14"
android:layout_width="20dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:text="L"
android:background="@drawable/side_nav_bar"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.084"
app:layout_constraintStart_toEndOf="@+id/textView13"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView15"
android:layout_width="20dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:text="D"
android:background="@drawable/side_nav_bar"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.112"
app:layout_constraintStart_toEndOf="@+id/textView14"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView16"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:background="@drawable/side_nav_bar"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.092"
app:layout_constraintStart_toEndOf="@+id/textView15"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView17"
android:layout_width="40dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:text="Pts"
android:background="@drawable/side_nav_bar"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/textView16"
app:layout_constraintTop_toTopOf="parent" />
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintTop_toBottomOf="@id/textView3"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:layout_marginTop="10dp">
<TextView
android:layout_width="80dp"
android:layout_height="wrap_content"
android:text="Wisdom High"
android:textAlignment="center"
android:textSize="16dp"
android:id="@+id/table_team_name"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="95dp"
android:id="@+id/played"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="145dp"
android:id="@+id/won"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="185dp"
android:id="@+id/lost"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="230dp"
android:id="@+id/draw"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+12"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="260dp"
android:id="@+id/gd"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12"
android:textSize="16dp"
android:layout_marginLeft="310dp"
android:id="@+id/points"/>
</android.support.v7.widget.CardView>
它不适用于所有屏幕尺寸。
答案 0 :(得分:1)
始终首选使用“相对布局”以更好地对齐视图。
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/textView3">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/table_team_name"
android:layout_width="80dp"
android:layout_height="wrap_content"
android:text="Wisdom High"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="@+id/played"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="95dp"
android:text="12"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="@+id/won"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="145dp"
android:text="0"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="@+id/lost"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="185dp"
android:text="12"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="@+id/draw"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="230dp"
android:text="0"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="@+id/gd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="260dp"
android:text="+12"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="@+id/points"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="310dp"
android:text="12"
android:textSize="16dp" />
</RelativeLayout>
</android.support.v7.widget.CardView>
答案 1 :(得分:1)
prashant-luhar,您可以使用以下方式:(对于具有“ layout-weight”属性的每个屏幕尺寸)
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#888"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Name"
android:textAlignment="center" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P"
android:textAlignment="center" />
<TextView
android:layout_width="25dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.8"
android:orientation="horizontal">
<LinearLayout
android:id="@+id/ll1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="A"
android:textAlignment="center"
android:textColor="#fff"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P1"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W1"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="B"
android:textAlignment="center"
android:textColor="#fff"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P2"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W2"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="C"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P3"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W3"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P4"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W4"
android:textAlignment="center"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll5"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="E"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P5"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W5"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:id="@+id/textView3"
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="F"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P6"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W6"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
</LinearLayout>
答案 2 :(得分:1)