Question

我需要把按钮放在这个相对布局的图像上方但是出现在顶部我该怎么办？所以我需要图像和按钮上方。有什么帮助吗？

        <RelativeLayout style="@style/row50percent">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imgProfileBackground"
            android:adjustViewBounds="true"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center_horizontal"
            android:src="@drawable/bg_profile"/>
        <ImageView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:id="@+id/imgProfile"
            android:adjustViewBounds="true"
            android:gravity="center_vertical"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:src="@drawable/logo"/>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/choose_picture"
            android:id="@+id/buttonSelectPicture"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="@drawable/btn_change_picture"
            android:textColor="#FFFFFF"
            android:layout_gravity="center_horizontal|center"/>

    </RelativeLayout>

而Styles是

    <style name="row50percent">
    <item name="android:layout_width">fill_parent</item>
    <item name="android:layout_height">0dp</item>
    <item name="android:orientation">vertical</item>
    <item name="android:layout_gravity">center_horizontal</item>
    <item name="android:layout_weight">1</item>
</style>

Answer 1

可能是：

  <RelativeLayout style="@style/row50percent">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imgProfileBackground"
        android:adjustViewBounds="true"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center_horizontal"
        android:src="@drawable/bg_profile"/>
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:id="@+id/imgProfile"
        android:adjustViewBounds="true"
        android:gravity="center_vertical"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/logo"/>

    <LinearLayout
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:gravity="top|center"
     >
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/choose_picture"
        android:id="@+id/buttonSelectPicture"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:background="@drawable/btn_change_picture"
        android:textColor="#FFFFFF"
        android:layout_gravity="center_horizontal|center"/>
    </LinearLayout>

</RelativeLayout>

Answer 2

将ImageView和Button放在RelativeLayout

中

<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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.MainActivity" >

  <ImageView
    android:id="@+id/imgProfile"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:layout_centerInParent="true"
    android:src="@drawable/ab" />

  <Button
    android:id="@+id/buttonSelectPicture"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imgProfile"
    android:layout_alignRight="@+id/imgProfile"
    android:layout_alignTop="@+id/imgProfile"
    android:layout_marginTop="62dp"
    android:text="Cose Picture"
    android:textColor="#FFFFFF" />

</RelativeLayout>

输出

在Android中相对布局的顶部设置按钮

2 个答案: