1

我正在尝试将 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>
4

3 回答 3

1

这里解决方案

<?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>
于 2016-02-08T21:18:21.580 回答
1

虽然我没有我的 Android Studio 来测试,但我已经可以做出一些假设......

第一,不需要使用android:orientation="vertical"也不android:gravity="center_horizontal"需要你的根RelativeLayout ...

第二,定位android:layout_centerHorizontal用于 LinearLayout 的 2 个子元素,并android:layout_alignParentLeft为您的 ImageView 保留...

这应该开始好一点...主要思想是在RelativeLayout中,让孩子决定他们的位置通常更有效...希望这会有所帮助。

于 2016-02-08T21:12:21.133 回答
0

无需安卓工作室进行测试:

要将 LinearLayout 在 RelativeLayout 中居中,请使用 Layout_centerHorizo​​ntal="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_horizo​​ntal"

    <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">
于 2016-02-08T21:23:56.307 回答