我正在尝试在我的应用中获取此特定的Cardview布局

Posted 2023-01-14

我只是想为我的应用尝试这种布局，我已经尝试过使用2个独立的卡片视图，但是圆角的边框没有使它变得可锻炼。我还不是应用程序开发方面的专家，所以请宽容我。请不要投票，并先谢谢。我已经附上了我的结果和代码的图片。

我的代码

</com.google.android.material.card.MaterialCardView>

    <HorizontalScrollView
        android:id="@+id/live_score_card"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_gravity="center">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <com.google.android.material.card.MaterialCardView
                android:id="@+id/scores"
                android:layout_width="150dp"
                android:layout_height="100dp"
                android:layout_marginEnd="10dp">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="7dp">
                    <ImageView
                        android:id="@+id/team_emblem"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:src="@drawable/rangers"
                        android:layout_marginLeft="10dp"/>
                    <TextView
                        android:id="@+id/team_name"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Rangers FC"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="15sp"
                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="10dp"/>

                </LinearLayout>

                <View
                    android:layout_width="wrap_content"
                    android:layout_height="1dp"
                    android:layout_gravity="center"
                    android:background="#F2161616" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="7dp"
                    android:layout_gravity="bottom">

                    <ImageView
                        android:id="@+id/team_emblem"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:src="@drawable/rangers"
                        android:layout_marginLeft="10dp"/>

                    <TextView
                        android:id="@+id/team_name"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Rangers FC"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="20sp"
                        android:layout_marginLeft="10dp"/>

                </LinearLayout>

</com.google.android.material.card.MaterialCardView>

图片：

答案

请实现cardview-v7，易于使用和实现

dependencies 
    implementation'com.android.support:cardview-v7:21.0.0-rc1'

尝试这种方式

    <android.support.v7.widget.CardView
        android:id="@+id/card_view"
        xmlns:card_view="https://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        card_view:cardBackgroundColor="@color/grey_300"
        card_view:cardCornerRadius="10dp"
        card_view:cardElevation="5dp"
        card_view:cardUseCompatPadding="true">

               <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="7dp" 
                    android:orientation="verticle">

                  <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="7dp">
                    <ImageView
                        android:id="@+id/team_emblem"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:src="@drawable/rangers"
                        android:layout_marginLeft="10dp"/>
                    <TextView
                        android:id="@+id/team_name"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Rangers FC"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="15sp"
                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="10dp"/>

                </LinearLayout>

                <View
                    android:layout_width="wrap_content"
                    android:layout_height="1dp"
                    android:layout_gravity="center"
                    android:background="#F2161616" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="7dp"
                    android:layout_gravity="bottom">

                    <ImageView
                        android:id="@+id/team_emblem"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:src="@drawable/rangers"
                        android:layout_marginLeft="10dp"/>

                    <TextView
                        android:id="@+id/team_name"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Rangers FC"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="20sp"
                        android:layout_marginLeft="10dp"/>

                </LinearLayout>
            </LinearLayout>

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

谢谢