使用cardUseCompatPadding时如何在CardView中覆盖标准填充? [英] How to override standart padding in CardView while using cardUseCompatPadding?
问题描述
当我使用cardUseCompatPadding在我的卡片视图中显示阴影时，顶部填充大于左侧填充.如何使两个填充相等，因为我的丝带看起来不漂亮，顶部更大?谢谢.
When I use cardUseCompatPadding to show shadow in my card view, top padding is bigger than left one. How to make both padding equal, because my ribbon looking not beautiful, it's bigger on top? Thanks.
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<!-- Green triangles for badge -->
<FrameLayout
android:id="@+id/ribbon_parts"
android:layout_width="58dp"
android:layout_height="58dp"
android:background="@drawable/ic_ribbon_parts"
android:visibility="gone"/>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
android:id="@+id/item_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:animateLayoutChanges="true"
android:background="@color/red"
android:clickable="true"
android:foreground="?attr/selectableItemBackground"
android:theme="@style/LightGrayHighlightTheme"
card_view:cardBackgroundColor="@color/white"
card_view:cardCornerRadius="4dp"
card_view:cardElevation="2dp"
card_view:cardPreventCornerOverlap="true"
card_view:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="130dp"
android:animateLayoutChanges="true"
android:orientation="horizontal"
android:background="@color/blue"
android:weightSum="3"> </LinearLayout>
</FrameLayout>
<!-- badge -->
<FrameLayout
android:id="@+id/ribbon_main"
android:layout_width="58dp"
android:layout_height="58dp"
android:background="@drawable/ic_ribbon_main"
android:visibility="gone"/>
https://www.shutterstock.com/search/new+blue + corner +色带
推荐答案
来自文档:
这可能会导致卡在棒棒糖和 在棒棒糖之前.如果需要将CardView与其他视图对齐，则可以 可能需要特定于api版本的维度资源来说明 变化.或者，您可以将此标志设置为true，然后将CardView设置为 会在Lollipop平台及之后的平台上添加相同的填充值.
This may cause Cards to have different sizes between Lollipop and before Lollipop. If you need to align CardView with other Views, you may need api version specific dimension resources to account for the changes. As an alternative, you can set this flag to true and CardView will add the same padding values on platforms Lollipop and after.
接下来，您可以使用 margin 属性
Next, you can add the indentation you need by using the margin attribute
example.xml:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#2861">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
android:id="@+id/item_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="1dp"
android:layout_marginEnd="2dp"
android:layout_marginStart="2dp"
android:layout_marginTop="1dp"
android:clickable="true"
android:focusable="true"
android:foreground="?attr/selectableItemBackground"
card_view:cardBackgroundColor="@android:color/white"
card_view:cardCornerRadius="4dp"
card_view:cardElevation="2dp"
card_view:cardPreventCornerOverlap="false"
card_view:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="130dp"
android:animateLayoutChanges="true"
android:orientation="horizontal"
android:weightSum="3">
<!-- Your code here -->
</LinearLayout>
</android.support.v7.widget.CardView>
</FrameLayout>
<!-- badge -->
<FrameLayout
android:id="@+id/ribbon_main"
android:layout_width="58dp"
android:layout_height="58dp"
android:layout_gravity="end"
android:background="@drawable/corner_ribbon"
android:visibility="visible" />
</FrameLayout>
现在在不同版本的API上看起来很棒.
Now it looks great on different versions of the API.
在您的项目中，您可以对CardView和FrameLayout(功能区)使用这些设置，以实现所需的结果.
In your project, you can use these settings for both CardView and FrameLayout (ribbon) to achieve the desired result.
example_2.xml:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#2861">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
android:id="@+id/item_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginEnd="18dp"
android:layout_marginTop="17dp"
android:clickable="true"
android:focusable="true"
android:foreground="?attr/selectableItemBackground"
card_view:cardBackgroundColor="@android:color/white"
card_view:cardCornerRadius="4dp"
card_view:cardElevation="2dp"
card_view:cardPreventCornerOverlap="false"
card_view:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="130dp"
android:animateLayoutChanges="true"
android:orientation="horizontal"
android:weightSum="3">
<!-- Your code here -->
</LinearLayout>
</android.support.v7.widget.CardView>
</FrameLayout>
<!-- badge -->
<FrameLayout
android:id="@+id/ribbon_main"
android:layout_width="58dp"
android:layout_height="58dp"
android:layout_gravity="end"
android:layout_marginEnd="16dp"
android:layout_marginTop="16dp"
android:background="@drawable/corner_ribbon"
android:visibility="visible" />
</FrameLayout>
这篇关于使用cardUseCompatPadding时如何在CardView中覆盖标准填充?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
