Question

左边是我希望我的应用程序看起来如何，以及它是如何在Android工作室预览。图像与CardView顶部对齐。

右边的

是它的实际外观。有差距。

我尝试了线性布局和相对布局。不起作用。这是我的代码：

编辑：

<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/testCardView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/medium_margin"
android:layout_marginRight="@dimen/medium_margin"
android:animateLayoutChanges="true"
app:cardCornerRadius="3dp"
app:cardUseCompatPadding="true">

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

    <LinearLayout
        android:id="@+id/fullCardLayout"
        android:layout_width="match_parent"
        android:layout_height="@dimen/reward_card_height"
        android:orientation="horizontal"
        android:paddingLeft="@dimen/medium_margin"
        >

        <ImageView
            android:id="@+id/imgProvider"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="@dimen/tiny_margin"
            android:src="@mipmap/rewards_amazon_icon"/>

.........

Answer 1

尝试这样的事情：

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_margin="20dp"
        android:src="@mipmap/ic_launcher"/>
</RelativeLayout>

Answer 2

您是否尝试过像android:layout_marginRight="-10dp"这样的负余量？您也可以尝试将CardView和ImageView放入RelativeLayout作为解决方法。

Answer 3

使用减去边距不起作用：

<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/testCardView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/medium_margin"
android:layout_marginRight="@dimen/medium_margin"
android:animateLayoutChanges="true"
app:cardCornerRadius="3dp"
app:cardUseCompatPadding="true">

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

    <LinearLayout
        android:id="@+id/fullCardLayout"
        android:layout_width="match_parent"
        android:layout_height="@dimen/reward_card_height"
        android:orientation="horizontal"
        android:layout_marginTop="-5dp"
        android:paddingLeft="@dimen/medium_margin"
        >

        <ImageView
            android:id="@+id/imgProvider"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="@dimen/tiny_margin"
            android:src="@mipmap/rewards_amazon_icon"/>[![enter image description here][1]][1]

Answer 4

尝试使用此标记。

card_view:cardPreventCornerOverlap="false"
card_view:cardUseCompatPadding="true"

CardView在顶部留下了空白

4 个答案: