Question

我有一个循环进度甜甜圈和圆形轮廓图片。我想要将甜甜圈放在个人资料图片周围。我把它们放在一个相对的布局中。我怎样才能将甜甜圈放在简介图片的中心？ 布局代码：

<FrameLayout 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"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    tools:context="com.example.adam.hilo.HomeFragment">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        >

        <ImageButton
            android:id="@+id/profile_pic_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left|top"
            android:layout_margin="10dp"
            android:background="@drawable/round_profile_pic_btn"
            android:contentDescription="profile picture button"
            android:padding="20dp"
            android:src="@drawable/ic_face_black_48dp" />

        <com.github.lzyzsd.circleprogress.DonutProgress
            android:id="@+id/donut_progress"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            custom:donut_progress="30"
            android:layout_gravity="left|top"
            custom:donut_text_size="0dp"
            android:layout_alignTop="@+id/profile_pic_btn"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="LEVEL 14 1025 XP"
            android:layout_below="@+id/profile_pic_btn"
            android:layout_centerHorizontal="true"
            android:id="@+id/textView5" />
    </RelativeLayout>

</FrameLayout>

布局概述

Answer 1

或者，也许，试试这个;）

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:custom="http://schemas.android.com/apk/res-auto">
    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:foregroundGravity="center_horizontal"
        android:id="@+id/frameLayout"
        android:layout_alignParentRight="false"
        android:layout_alignParentEnd="false"
        android:layout_centerHorizontal="true">
        <ImageButton
            android:id="@+id/profile_pic_btn"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="10dp"
            android:background="@drawable/ic_profile"
            android:contentDescription="profile picture button"
            android:padding="20dp"
            android:src="@drawable/ic_profile" />

        <com.github.lzyzsd.circleprogress.DonutProgress
            android:id="@+id/donut_progress"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            custom:donut_progress="30"
            custom:donut_text_size="0dp"
            android:layout_alignTop="@+id/profile_pic_btn"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_above="@+id/textView5"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_gravity="center" />

    </FrameLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="LEVEL 14 1025 XP"
        android:id="@+id/textView5"
        android:layout_gravity="center_horizontal|bottom"
        android:layout_below="@+id/frameLayout"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

Answer 2

试试这个（非常小的修改）：

    <ImageButton
        android:id="@+id/profile_pic_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left|top"
        android:layout_margin="10dp"
        android:background="@drawable/round_profile_pic_btn"
        android:contentDescription="profile picture button"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:src="@drawable/ic_face_black_48dp" />

    <com.github.lzyzsd.circleprogress.DonutProgress
        android:id="@+id/donut_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        custom:donut_progress="30"
        android:layout_gravity="left|top"
        custom:donut_text_size="0dp"
        android:layout_alignTop="@+id/profile_pic_btn"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

或者，试试这个：

    <com.github.lzyzsd.circleprogress.DonutProgress
        android:id="@+id/donut_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        custom:donut_progress="30"
        android:layout_gravity="left|top"
        custom:donut_text_size="0dp"
        android:layout_alignTop="@+id/profile_pic_btn"
        android:layout_alignLeft="@+id/profile_pic_btn"
        android:layout_alignBottom="@+id/profile_pic_btn"
        android:layout_alignRight="@+id/profile_pic_btn" />

如何将两个元素集中在同一个Android xml中

2 个答案: