在Android中自定义评分条

Question

我需要设计一个包含评分条的自定义列表项

我按照这个教程（[Problem with custom rating bar in android）进行自定义和调整评分条大小。评分条现在出现得很小，但我无法点击它。

我的自定义列表项代码如下：

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:stretchColumns="*" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:id="@+id/tbl">
    <TableRow>
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="vertical" android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
                android:orientation="vertical" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:src="@drawable/icon" />
            <TextView android:layout_width="wrap_content" android:id="@+id/txt"
                android:layout_height="wrap_content" android:text="Item Name" />
        </LinearLayout>
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="vertical" android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TextView android:layout_width="100dp" android:gravity="center"
                android:layout_height="wrap_content" android:text="Price" />
            <TextView android:layout_width="100dp" android:gravity="center"
                android:layout_height="wrap_content" android:text="Discount" />
            <TextView android:layout_width="100dp" android:gravity="center"
                android:layout_height="wrap_content" android:text="In Stock" />
        </LinearLayout>
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="vertical" android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <!-- <RatingBar android:id="@+id/ratingBar1" android:fitsSystemWindows="false" 
                android:maxWidth="150dip" android:minHeight="23dip" android:maxHeight="25dip" 
                android:layout_height="40dp" android:layout_width="150dp" /> -->
            <TextView android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:text="Shipping days" />
            <RatingBar android:id="@+id/ratingBar" style="?android:attr/ratingBarStyleSmall"
                android:layout_gravity="center_vertical|center_horizontal"
                android:focusable="true" android:layout_width="wrap_content"
                android:layout_height="wrap_content"></RatingBar>
            <Button android:layout_width="60dip" android:layout_height="35dip"
                android:text="Buy" android:textSize="15dip"/>
        </LinearLayout>
    </TableRow>
</TableLayout>

截图如下：

编辑:

我开发了自定义评分栏，但现在无论我在横屏模式下设置什么评分，在纵向模式下查看应用程序时整个评分栏都被取消选择...怎么办才能保持评分栏选中状态？

- Shruti

---

具有样式style="?android:attr/ratingBarStyleSmall"的评分条不可交互。请查看漂亮的评分条。 - Adil Soomro

谢谢Adil Soomro。那个教程太棒了，我成功地自定义了我的评分条 :) - Shruti

@AdilSoomro 同意 Adil 的观点，它不是用户可交互的。 - Paresh Mayani

请查看此帖子：https://dev59.com/MG025IYBdhLWcg3wyJGV#5800686 - Jerome VDL

Answer 1

较小的RatingBar样式（ratingBarStyleSmall）和仅指示器的较大样式（ratingBarStyleIndicator）不支持用户交互，应仅用作指示器。 （来自RatingBar手册）

- Apple Dragon

Answer 2

使用不同大小的可绘制对象（drawables）来适配 HDPI 和 MDPI，然后为您的评分条（ratingbar）指定一个特定的高度（以 dp 为单位）。或者，在您的可绘制对象中添加一行空像素。但第二种方法只是解决了评分条的外观问题，而高度将会错误。我建议采用第一种方式。

- Kayhan Asghari