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

时间:2016-10-28 11:45:56

标签: android android-cardview

以下代码在具有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:我尝试过card_view:cardPreventCornerOverlap =&#34; false&#34; 它并没有解决我的问题。 lollipop render

Pre lollipop render

提前感谢您对帮助的兴趣。

2 个答案:

答案 0 :(得分:2)

我找到了一个适合我的解决方案,我希望发布它,以防任何其他人遇到这种情况。 我将最大高程设置为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">

答案 1 :(得分:0)

如果您需要在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"