我正在尝试显示两张大小相同的卡片,其中一个卡片视图将显示图像,另一个卡片视图将显示 Texview。目前,两个卡片视图的大小不同,如图所示
如何使两个卡片视图大小相等,并使开始和结束的边距相等并排显示?下面是代码。
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:columnCount="2"
android:rowCount="4"
android:layout_marginTop="10dp"
android:orientation="horizontal"
android:padding="8dp">
<androidx.cardview.widget.CardView
android:id="@+id/cardImagePractise"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="4dp"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
app:cardCornerRadius="10dp"
android:foreground="?android:attr/selectableItemBackground">
<ImageView
android:id="@+id/imageViewPractise"
android:layout_width="100dp"
android:layout_height="100dp"
android:scaleType="centerCrop" />
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:id="@+id/cardTextPractise"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="4dp"
app:cardCornerRadius="10dp"
android:foreground="?android:attr/selectableItemBackground"
android:focusable="true"
tools:ignore="UsingOnClickInXml">
<TextView
android:id="@+id/textViewPractise"
android:layout_width="wrap_content"
android:gravity="center"
android:layout_marginStart="10dp"
android:layout_marginEnd="10dp"
android:layout_marginTop="10dp"
android:layout_height="100dp"
android:textStyle="bold"
android:text="Random Name"
android:textSize="18sp" />
</androidx.cardview.widget.CardView>
</GridLayout>
在卡片视图中,无法应用权重属性。您可以将卡片视图嵌套在 LinearLayout 中
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content">
<!--- CARDVIEW HERE !--->
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content">
<!--- CARDVIEW HERE !--->
</LinearLayout>
</LinearLayout>