Question

我正在尝试将ImageView对象放置在线性布局对象（即两个按钮的父对象）的左侧。我基本上希望两个按钮水平居中，屏幕上方有一个图像放置在居中按钮的左侧。我仍然希望按钮保持水平居中，放置的图像视图不应该居中，只是侧面。

任何建议都会非常棒。我可能用错误的布局来解决我的问题，但这是我尝试过的：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    android:id="@+id/gameSettingsContainer"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.example.vb1115.multchoicequestion.LaunchScreen"
    android:orientation="vertical"
    android:gravity="center_horizontal">
    <LinearLayout
        android:id="@+id/buttonContainer"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ToggleButton android:id="@+id/mathButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textOff="Math"
            android:textOn="Math"
            android:text="Math"/>
        <ToggleButton android:id="@+id/bioButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textOff="Biology"
            android:textOn="Biology"
            android:text="Biology"/>
    </LinearLayout>
    <ImageView
        android:id="@+id/animatedArrow"
        android:src="@mipmap/green_arrow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@id/buttonContainer"/>
</RelativeLayout>

Answer 1

虽然我没有测试我的Android Studio，但我已经做了一些假设...

1，您不需要使用android:orientation="vertical"或android:gravity="center_horizontal"作为您的根RelativeLayout ...

第2，要定位2个子元素，请使用android:layout_centerHorizontal作为LinearLayout，并为您的ImageView保留android:layout_alignParentLeft ...

这应该会开始变得更好......主要的想法是，在RelativeLayout中，让孩子们决定自己的位置通常会更有效...希望这会有所帮助。

Answer 2

此处解决方案

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    android:id="@+id/gameSettingsContainer"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <LinearLayout
        android:id="@+id/buttonContainer"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <ToggleButton
            android:id="@+id/mathButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Math"
            android:textOff="Math"
            android:textOn="Math"/>

        <ToggleButton
            android:id="@+id/bioButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Biology"
            android:textOff="Biology"
            android:textOn="Biology"/>
    </LinearLayout>

    <ImageView
        android:id="@+id/animatedArrow"
        android:layout_toStartOf="@+id/buttonContainer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/green_arrow"/>
</RelativeLayout>

Answer 3

没有Android工作室测试：

要将LinearLayout置于RelativeLayout中心，请使用Layout_centerHorizontal =“true”

<LinearLayout
    android:id="@+id/buttonContainer"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true">

对于要均匀分布和居中的每个按钮，使用layout_weight =“1”（因此每个具有相同的权重）和gravity =“center_horizontal”

    <ToggleButton android:id="@+id/mathButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textOff="Math"
        android:textOn="Math"
        android:text="Math"
        android:layout_weight="1"
        android:layout_gravity="center_horizontal"/>
    <ToggleButton android:id="@+id/bioButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textOff="Biology"
        android:textOn="Biology"
        android:text="Biology"
        android:layout_weight="1"
        android:layout_gravity="center_horizontal"/>

然后将ImageView放置到layout_toStartOf buttonContainer

<ImageView
        android:id="@+id/animatedArrow"
        android:src="@mipmap/green_arrow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toStartOf="@+id/buttonContainer">

将ImageView放在居中按钮的左侧

3 个答案: