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

Question

下面的代码是在android版本为pre - lollipop的设备上以不希望的视图边界呈现的:

 <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: I tried 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/dimensions .xml:

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

和values/dimensions .xml with:

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

然后给CardView添加属性:

app:cardElevation="@dimen/card_elevation"