Question

我想制作一个购物车图片，右上角有一个小指示器，显示选择/订购了多少产品。问题是，我不能将它放在右上角，只能放在左边（默认）或中心。

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

         <ImageView
              android:id="@+id/shoppingCartIcon"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:src="@drawable/icon_cart" />

         <ImageView
              android:id="@+id/indicatorIcon"
              android:layout_width="10dp"
              android:layout_height="10dp"
              android:layout_gravity="top|right"
              android:src="#0066ff" />

</RelativeLayout>

Answer 1

通过使用FrameLayout，你可以给它一些填充＆amp;余量

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

        <ImageView
            android:id="@+id/shoppingCartIcon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/icon_cart" />

        <TextView
            android:id="@+id/indicatorIcon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top|right"
            android:layout_marginLeft="25dp"
            android:background="@drawable/circle_shape"
            android:text="5"
            android:textSize="24sp" />

    </FrameLayout>

<强> 更新

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#0066ff"></solid>

</shape>

您可以根据自己的意愿创建形状

<强> RES /抽拉/ circle_shape.xml

ee

除此之外，我建议您使用其他第三个非常适合展示此类徽章或突出显示视图的图书馆

Answer 2

您可以将此代码添加到ImageView标记中。

android:layout_marginLeft="90dp"

它会使ImageView向右移动marginLeft会给出一个空白取决于您想要的大小。您可以根据需要更改大小。

Answer 3

父级是RelativeLayout，因此请尝试使用属性：

android:layout_alignParentRight="true"
android:layout_alignParentTop="true"

在"@+id/indicatorIcon"上。

希望它有所帮助。

Answer 4

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<ImageView
    android:id="@+id/shoppingCartIcon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/icon_cart" />

<ImageView
    android:id="@+id/indicatorIcon"
    android:layout_width="10dp"
    android:layout_height="10dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true"
    android:src="#0066ff" />

</RelativeLayout>

ImageView无法定位在布局中的正确位置

4 个答案: