Question

我正在尝试将顶级评论家列表显示为水平滚动卡片和每张卡片，如附件image所示。用户图片应该稍微超过布局边框，我累了

机器人：layout_marginTop = “ - 15dp”

但它正在削减图像的顶部。

这是我的代码：任何帮助表示赞赏，提前致谢。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/my_shape"
    android:orientation="vertical">

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

        <ImageView
            android:id="@+id/cardrank"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="top|start"
            android:layout_marginTop="-15dp"
            android:layout_weight="1"
            android:src="@drawable/test" />

        <TextView
            android:id="@+id/cardtitle"
            style="@style/TextAppearance.AppCompat.Large"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="25dp"
            android:layout_weight="3"
            android:gravity="center"
            android:text="Card title"
            android:textColor="#cc0000"
            android:textStyle="bold" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">


            <TextView
                style="@style/TextAppearance.AppCompat.Headline"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:text="30"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/cardfollowers"
                style="@style/TextAppearance.AppCompat.Medium"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:text="followers"
                android:textStyle="bold" />

        </LinearLayout>

        <View
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:background="@android:color/darker_gray" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <TextView
                style="@style/TextAppearance.AppCompat.Headline"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:text="30"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/cardreviews"
                style="@style/TextAppearance.AppCompat.Medium"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:text="reviews"
                android:textStyle="bold" />

        </LinearLayout>

    </LinearLayout>

    <Button
        android:id="@+id/cardfollowbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="20dp"
        android:text="Follow" />

</LinearLayout>

Answer 1

您可以添加另一层视图来包装根视图，例如RelativeLayout。在内部，一个视图将是您的my_shape背景的根视图，秒将是图像。

在RelativeLayout中，Z轴上项目的顺序将是它们在XMl中的顺序，因此图像将位于my_shape布局的顶部。

然后只需将图像调整到my_shape视图上方的正确位置。

如何在顶部线性布局边框上略微实现图像？

1 个答案: