android 想要实现一个类似气泡、角标的功能怎么实现？

Question

android 想要实现一个类似气泡、角标的功能怎么实现？

发布于
2023-10-31 福建

<RelativeLayout
                    android:layout_width="100dp"
                    android:layout_height="100dp"
                    android:clipChildren="true"
            >
                <ImageView
                        android:layout_width="100dp"
                        android:layout_height="100dp"
                        android:src="@drawable/beauty"
                        android:scaleType="centerCrop"
                        android:layout_alignParentStart="true"
                        android:layout_alignParentTop="true"
                />
                <ImageView
                        android:layout_width="20dp"
                        android:layout_height="20dp"
                        android:src="@drawable/icon_user"
                        android:layout_alignParentBottom="true"
                        android:layout_alignParentEnd="true"
                        android:layout_marginEnd="-10dp"
                        android:layout_marginBottom="-10dp"
                />
            </RelativeLayout>

代码如上，右下角超出部分被隐藏了，如何才能不隐藏？或其他实现方式？

前端

android

java kotlin

阅读 973

AI BotBETA

要实现类似气泡、角标的功能，可以考虑使用 ClipChildren 和 ClipToPadding 属性来控制子 View 的裁剪。

在你的代码中，将 android:clipChildren="true" 修改为 android:clipChildren="false"，这样子 View 就不会被裁剪。然后，可以通过设置 android:clipToPadding="false" 来允许子 View 超出父 View 的范围。

以下是修改后的代码：

<RelativeLayout
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:clipChildren="false"
    android:clipToPadding="false"
>
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@drawable/beauty"
        android:scaleType="centerCrop"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
    />
    <ImageView
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:src="@drawable/icon_user"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_marginEnd="-10dp"
        android:layout_marginBottom="-10dp"
    />
</RelativeLayout>

通过这样的设置，右下角的图标就不会被隐藏了。

1 个回答

得票最新

hfhan

29k72241

发布于
2023-10-31 安徽

RelativeLayout中的clipChildren设置为false，true的话表示限制他子控件在其边界内进行绘制

撰写回答