Question

我正在开发一款Android应用，我正在使用recyclerview。我设法显示带有数据的行并将设计应用于它们，除了我无法获得行的圆角。贝娄是我的xml文件。

圆角名称为rounded_corners_cards.xml的文件：

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/white"/>

    <stroke android:width="3dp"
        android:color="@color/grayLight"/>

    <padding android:left="1dp"
        android:top="1dp"
        android:right="1dp"
        android:bottom="1dp"/>

    <corners android:bottomRightRadius="7dp"
        android:bottomLeftRadius="7dp"
        android:topLeftRadius="7dp"
        android:topRightRadius="7dp"/>
</shape>

行的文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    style="@style/StandardListRow"
    android:layout_height="60dp"
    android:orientation="vertical"
    android:background="@drawable/rounded_corners_cards">

    <ImageView
        android:id="@+id/offer_picture"
        style="@style/StyleRowIcon"
        android:contentDescription="@string/card_offer_image"
        android:scaleType="centerInside" />
</RelativeLayout>

我试图更改rounded_corners_cards.xml文件，但没有运气。

结果如下图所示：

感谢您的建议。

Answer 1

到目前为止，在布局上获得圆角的最简单方法是用CardView包裹它。通常情况下，也会显示阴影，但您可以使用cardElevation属性将其关闭。

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    style="@style/StandardListRow"
    android:layout_height="60dp"
    app:cardCornerRadius="7dp"
    app:cardElevation="0dp">

    <ImageView
        android:id="@+id/offer_picture"
        style="@style/StyleRowIcon"
        android:contentDescription="@string/card_offer_image"
        android:scaleType="centerInside" />
</RelativeLayout>

注意：这只适用于Lollipop +

由于圆角切割的昂贵性质，在Lollipop之前的平台上，CardView不会剪切与圆角相交的孩子。

Answer 2

提到的最简单的方法是使用cardView https://developer.android.com/reference/android/support/v7/widget/CardView.html

只需将其用作RecyclerView项目XML文件

<?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:orientation="vertical"
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:contentPadding="10dp"
    app:cardElevation="6dp"
    app:cardCornerRadius="10dp"
    android:layout_marginTop="5dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:layout_marginBottom="10dp"
    android:background="@color/cardview_light_background">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
         android:id="@+id/offer_picture"
         style="@style/StyleRowIcon"
         android:contentDescription="@string/card_offer_image"
         android:scaleType="centerInside" />


    </LinearLayout>

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


</LinearLayout>

注意： - cardCornerRadius是定义卡中圆度的元素，dp越高，它就越圆。

在recyclerview中无法获得行的圆角

2 个答案: