为什么我的微调器没有在我的图像下方对齐?
why is my spinner not aligned below my image?
我目前有这个问题,我希望能够将两个微调器并排放置,并将这两个微调器放置在我放置的图像下方。但是为什么我在下面上传的图片中看到我的两个微调器都放在图片上方?这里出了什么问题?
enter image description here
下面是我的布局代码
<?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=".HomeFragment">
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_alignEnd="@+id/button"
android:layout_alignParentTop="true"
android:layout_marginTop="30dp"
android:layout_marginEnd="-14dp"
android:src="@drawable/currency"
android:layout_alignRight="@+id/button"
android:layout_marginRight="-14dp" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginStart="51dp"
android:layout_marginTop="231dp"
android:text="Curency" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_gravity="center_horizontal">
<Spinner
android:id="@+id/planets_spinner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="70dp" />
<Spinner
android:id="@+id/planets_spinner2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="70dp" />
</LinearLayout>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginStart="125dp"
android:layout_marginLeft="125dp"
android:layout_marginTop="297dp"
android:text="Convert" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"
android:layout_marginStart="51dp"
android:layout_marginLeft="51dp"
android:layout_marginBottom="113dp"
android:text="Value" />
<TextView
android:id="@+id/textView7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/textView6"
android:layout_marginStart="44dp"
android:layout_marginTop="0dp"
android:layout_toEndOf="@+id/textView5"
android:text="TextView" />
</RelativeLayout>
要在另一个视图下方显示视图,您需要在相对布局中设置 layout_below
属性。
替换
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_gravity="center_horizontal">
至此
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_below="@id/textView5"
android:layout_gravity="center_horizontal">
我目前有这个问题,我希望能够将两个微调器并排放置,并将这两个微调器放置在我放置的图像下方。但是为什么我在下面上传的图片中看到我的两个微调器都放在图片上方?这里出了什么问题?
enter image description here
下面是我的布局代码
<?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=".HomeFragment">
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_alignEnd="@+id/button"
android:layout_alignParentTop="true"
android:layout_marginTop="30dp"
android:layout_marginEnd="-14dp"
android:src="@drawable/currency"
android:layout_alignRight="@+id/button"
android:layout_marginRight="-14dp" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginStart="51dp"
android:layout_marginTop="231dp"
android:text="Curency" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_gravity="center_horizontal">
<Spinner
android:id="@+id/planets_spinner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="70dp" />
<Spinner
android:id="@+id/planets_spinner2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="70dp" />
</LinearLayout>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginStart="125dp"
android:layout_marginLeft="125dp"
android:layout_marginTop="297dp"
android:text="Convert" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"
android:layout_marginStart="51dp"
android:layout_marginLeft="51dp"
android:layout_marginBottom="113dp"
android:text="Value" />
<TextView
android:id="@+id/textView7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/textView6"
android:layout_marginStart="44dp"
android:layout_marginTop="0dp"
android:layout_toEndOf="@+id/textView5"
android:text="TextView" />
</RelativeLayout>
要在另一个视图下方显示视图,您需要在相对布局中设置 layout_below
属性。
替换
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_gravity="center_horizontal">
至此
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_below="@id/textView5"
android:layout_gravity="center_horizontal">