Question

我正在尝试设置只有5颗星的RatingBar，但它会扩展以填充屏幕的宽度。

我发现了类似的问题：

但是，大多数情况下，解决方案是将宽度设置为wrap_content，但我的宽度始终为wrap_content。

这是我的布局。如果向右滚动到底部，您将看到两个RatingBar：

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <TableLayout
        android:id="@+id/add_spot_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="1"
        android:stretchColumns="1" >

        <TableRow
            android:layout_marginBottom="2sp"
            android:layout_marginTop="2sp" >

            <TextView android:text="Distance:" />

            <TextView android:id="@+id/distancePopup" />
        </TableRow>

        <TableRow
            android:layout_marginBottom="2sp"
            android:layout_marginTop="2sp" >

            <TextView android:text="Address:" />

            <TextView android:id="@+id/addrPopup" />
        </TableRow>

        <TableRow
            android:layout_marginBottom="2sp"
            android:layout_marginTop="2sp" >

            <TextView android:text="Type:" />

            <TextView android:id="@+id/typePopup" />
        </TableRow>

        <TableRow
            android:layout_marginBottom="2sp"
            android:layout_marginTop="2sp" >

            <TextView android:text="Terrain:" />

            <RatingBar
                android:id="@+id/terrainPopup"
                style="?android:attr/ratingBarStyleSmall"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:isIndicator="true"
                android:max="5"
                android:numStars="5"
                android:stepSize="1" />
        </TableRow>

        <TableRow>

            <TextView android:text="Difficulty:" />

            <RatingBar
                android:id="@+id/difficultyPopup"
                style="?android:attr/ratingBarStyleSmall"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:isIndicator="true"
                android:max="5"
                android:numStars="5"
                android:stepSize="0.1" />
        </TableRow>

        <TableRow
            android:layout_marginBottom="2sp"
            android:layout_marginTop="2sp" >

            <TextView android:text="Description:" />

            <TextView
                android:id="@+id/descPopup"
                android:gravity="top"
                android:lines="2"
                android:maxLines="2"
                android:scrollHorizontally="false" />
        </TableRow>
    </TableLayout>

</ScrollView>

这就是它的样子：

Answer 1

我认为这可以解决将RATINGBAR嵌套在RELATIVELAYOUT中。我认为这个问题是因为TableLayout的本质是在任何情况下填充父级，RATINGBAR占用父级的宽度。所以我解决了将RATINGBAR嵌套在RELATIVELAYOUT中并在WRAP_CONTENT上设置LAYOUT_WIDTH和LAYOUT_HEIGT（RATINGBAR和RELATIVE LAYOUT）的问题。只有在这种情况下，我才能在TABLELAYOUT中有一个RATINGBAR。

希望有所帮助;）

Answer 2

对于未来的Google员工，

阿米特的回答帮助我解决了这个问题：评级小部件显示出太多的明星。

这是因为要将小部件HAS设置为android:layout_width="wrap_content"以考虑numstars。

Answer 3

使用相对布局作为评级栏的父级和评级栏的wrap_content将解决您的问题

Answer 4

在表格布局中，您正在使用

    android:shrinkColumns="1"
    android:stretchColumns="1"

在这里，您缩小并拉伸相同的列号。

我删除了

android:stretchColumns="1"

它为我工作。

enter image description here

最终布局

<TableLayout
    android:id="@+id/add_spot_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:shrinkColumns="1" >

    <TableRow
        android:layout_marginBottom="2sp"
        android:layout_marginTop="2sp" >

        <TextView android:text="Distance:" />

        <TextView android:id="@+id/distancePopup" />
    </TableRow>

    <TableRow
        android:layout_marginBottom="2sp"
        android:layout_marginTop="2sp" >

        <TextView android:text="Address:" />

        <TextView android:id="@+id/addrPopup" />
    </TableRow>

    <TableRow
        android:layout_marginBottom="2sp"
        android:layout_marginTop="2sp" >

        <TextView android:text="Type:" />

        <TextView android:id="@+id/typePopup" />
    </TableRow>

    <TableRow
        android:layout_marginBottom="2sp"
        android:layout_marginTop="2sp" >

        <TextView android:text="Terrain:" />

        <RatingBar
            android:id="@+id/terrainPopup"
            style="?android:attr/ratingBarStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:isIndicator="true"
            android:max="5"
            android:numStars="5"
            android:stepSize="1" />
    </TableRow>

    <TableRow>

        <TextView android:text="Difficulty:" />

        <RatingBar
            android:id="@+id/difficultyPopup"
            style="?android:attr/ratingBarStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:isIndicator="true"
            android:max="5"
            android:numStars="5"
            android:stepSize="0.1" />
    </TableRow>

    <TableRow
        android:layout_marginBottom="2sp"
        android:layout_marginTop="2sp" >

        <TextView android:text="Description:" />

        <TextView
            android:id="@+id/descPopup"
            android:gravity="top"
            android:lines="2"
            android:maxLines="2"
            android:scrollHorizontally="false" />
    </TableRow>
</TableLayout>

无法更改RatingBar的宽度和星数

4 个答案: