Question

我想创建此布局

然后我发现了这个

Android - How do I position views in an offset relative to the center/top/bottom (etc.) of their parent?

所以我创建了这个布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.myapplication.MainActivity">
    <View
        android:id="@+id/square"
        android:layout_width="100dp"
        android:background="#ff0000"
        android:layout_centerInParent="true"
        android:layout_height="100dp"/>
    <ImageView
        android:id="@+id/circle"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignTop="@id/square"
        android:layout_alignLeft="@id/square"
        android:layout_marginRight="25dp"
        android:layout_marginBottom="25dp"
        android:src="@mipmap/circle" />
</RelativeLayout>

但布局余量没有任何影响

输出与

相同

<ImageView
    android:id="@+id/circle"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignTop="@id/square"
    android:layout_alignLeft="@id/square"
    android:src="@mipmap/circle" />

如何将视图的中心点对准其他视图的某个点？

Answer 1

您好我做了一个例子，我对您有所帮助

请检查以下代码并输出

<FrameLayout
                android:id="@+id/FrameMove"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="8dp">

                <LinearLayout
                    android:id="@+id/linearFramelayout"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="5dp"
                    android:layout_marginTop="10dp"
                    android:background="@drawable/frame_drawable"
                    android:gravity="center"
                    android:orientation="vertical"
                    android:paddingBottom="-50dp">

                    <TextView
                        android:id="@+id/txtMove"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textColor="@android:color/white"
                        android:textSize="20sp"
                        android:textStyle="bold"/>
                </LinearLayout>


                <ImageView
                    android:id="@+id/imgClose"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="end|top"
                    android:layout_marginRight="-8dp"
                    android:layout_marginTop="-8dp"
                    android:src="@drawable/ic_action_close_white"/>

            </FrameLayout>

Answer 2

一个选项是给方形一个边距Top和边距Left等于圆的半径。让两个元素都具有属性alignParentLeft=true

Answer 3

如果您知道圆形图像的宽度和高度，那么这可能很容易你需要使用一个framelayout，并给左边和上边距给一个圆的宽度和高度的正方形

如何按中心点对齐视图？

3 个答案: