如何在布局中间对齐评级栏和按钮

Question

我尝试将RatingBar和Button合并为一个版面（RelativeLayout或LinearLayout）。 评级栏和按钮始终在顶部对齐，并且评级图像与按钮之间的距离较长。 （我试图让它们彼此更接近，但按钮覆盖的部分评级图像）

如何在布局中间对齐评级栏和按钮？ 我试过layout_gravity`它似乎不适合我。

test_layout.xml

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:layout_marginTop="15dp"
    android:background="@color/white">

    <RatingBar style="@style/customRatingBar"
               android:id="@+id/ratingBar"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_marginLeft="10dip"
               android:stepSize="0.5"
               android:numStars="5"
               android:rating="4.5"
               android:layout_alignParentLeft="true"/>

    <Button
            android:layout_alignParentRight="true"
            android:layout_marginRight="15dp"
            android:id="@+id/btnSubmit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="button"
            android:textColor="@color/white"
            android:background="@color/self_defined"/>
</RelativeLayout>

Answer 1

添加

android:gravity="center_vertical"

到父布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="60dp"
android:gravity="center_vertical"
android:layout_marginTop="15dp"
android:background="@color/white">

无论您使用RelativeLayout还是水平LinearLayout，这都应该有效。

Answer 2

试试这个布局

<?xml version="1.0" encoding="UTF-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:gravity="center"
    android:orientation="horizontal"
    android:background="@color/white">

    <RatingBar 
        style="@style/customRatingBar"
        android:id="@+id/ratingBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left|center_vertical"
        android:stepSize="0.5"
        android:numStars="5"
        android:rating="4.5" />

    <Button
        android:id="@+id/btnSubmit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|center_vertical"
        android:text="button"
        android:textColor="@color/white"
        android:background="@color/self_defined"
        android:layout_marginRight="15dp" />
</FrameLayout >

Answer 3

只需添加android:layout_centerVertical=true即可。对于RatingBar，如果您执行minHeight，请不要忘记添加android:layout_height="wrap_content"。

尝试以下

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:layout_marginTop="15dp"
    android:background="@color/white">

    <RatingBar style="@style/customRatingBar"
               android:id="@+id/ratingBar"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_marginLeft="10dip"
               android:minHeight="40dp"
               android:stepSize="0.5"
               android:numStars="5"
               android:rating="4.5"
               android:layout_centerVertical="true"
               android:layout_alignParentLeft="true"/>

    <Button android:layout_centerVertical="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="15dp"
            android:id="@+id/btnSubmit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="button"
            android:textColor="@color/white"
            android:background="@color/self_defined"/>
</RelativeLayout>