预棒棒糖设备上显示的卡片视图边界

Question

以下代码在带有棒棒糖之前的android版本的设备上以不希望的视图边界呈现：

 <android.support.v7.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        app:cardBackgroundColor="@color/transparent"
        app:cardCornerRadius="@dimen/card_corner_radius"
        app:cardElevation="0dp"
        app:cardUseCompatPadding="true">

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <com.makeramen.roundedimageview.RoundedImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:adjustViewBounds="true"
                app:srcCompat="@{radio.radioLogo}"
                app:riv_corner_radius="@dimen/card_corner_radius"
                android:alpha="@{radio.playing}"/>

            <LinearLayout
                android:id="@+id/overlay_layout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:background="@color/transparent"
                android:gravity="center"
                android:orientation="vertical"
                android:visibility="@{radio.recording?View.VISIBLE:View.GONE}">

                <TextView
                    android:id="@+id/recording_text_view"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@color/transparent"
                    android:text="@string/recording"
                    android:textAppearance="?android:textAppearanceLarge"
                    android:textColor="@color/white" />

                <TextView
                    android:id="@+id/recording_time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@color/transparent"
                    android:text="@{radio.recordingElapsedTime}"
                    android:textAppearance="?android:textAppearanceLarge"
                    android:textColor="@color/white" />

            </LinearLayout>

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

ps：我尝试了card_view：cardPreventCornerOverlap =“ false”，但它不能解决我的问题。 棒棒糖渲染

棒棒糖前渲染

在此先感谢您有任何帮助的兴趣。

Answer 1

我找到了一个对我有用的解决方案，我想发布它，以防其他任何人遇到这种情况。 我将最大高程设置为0dp，现在在API级别16上渲染也很完美。

<android.support.v7.widget.CardView
    android:id="@+id/cardView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    app:cardBackgroundColor="@color/transparent"
    app:cardCornerRadius="@dimen/card_corner_radius"
    app:cardElevation="0dp"
    app:cardMaxElevation="0dp"
    app:cardUseCompatPadding="true">

Answer 2

如果您需要保持v21设备上的海拔高度并删除pre21设备上的cardview怪异边界，请使用以下方法创建values-v21 / dimens.xml：

<dimen name="card_elevation">2dp</dimen>

和values / dimens.xml具有：

<dimen name="card_elevation">0dp</dimen>

然后将属性添加到CardView：

app:cardElevation="@dimen/card_elevation"