Android如何增加评分栏中星星的高度和宽度

Question

我正在实现 ratingbar 并且我想像下面的附图一样设置 ratingbar 但问题是当我使用 的 match_parent >ratingbar 宽度然后在 ratingbar 中显示超过五颗星。任何人都可以帮助我如何实现我的评级栏作为附加图像或建议我如何实现它。 这是我的 activity_main

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="gymtrainer.com.ratinbarexample.MainActivity">

    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:text="Rate 5 star for RatingBar"
        />


    <RatingBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        style="@style/foodRatingBar"
        android:id="@+id/ratingbar_default"
        android:maxWidth="250dp"
        android:numStars="5"
        android:stepSize="0.1"
        />


    <TextView
        android:id="@+id/textView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="show state up checkbox"
        android:textColor="#CC00CC"
        android:textSize="20dp"
        />


</LinearLayout>

这是我的主要 Activity 。

    public class MainActivity extends Activity {

    RatingBar ratingbar1;
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        addListenerOnButtonClick();

    }

    public void addListenerOnButtonClick(){

        final TextView text = (TextView) findViewById(R.id.textView);

        final RatingBar ratingBar_default = (RatingBar)findViewById(R.id.ratingbar_default);

        final Button button = (Button)findViewById(R.id.button1);
        button.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                ratingBar_default.setRating(5);
                text.setText("Rating: "+String.valueOf(ratingBar_default.getRating()));
            }
        });

        ratingBar_default.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener(){
            @Override
            public void onRatingChanged(RatingBar ratingBar, float rating,
                                        boolean fromUser) {
                // TODO Auto-generated method stub
                text.setText("Rating: "+String.valueOf(rating));
            }});
    }
}

这是我的风格

 <style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
    <item name="android:progressDrawable">@drawable/star_rating_bar_full</item>
    <item name="android:minHeight">100dip</item>
    <item name="android:maxHeight">100dip</item>
</style>

Answer 1

如果您愿意使用不同于 Android 默认设置的 RatingBar，我是以下内容的创建者:SimpleRatingBar .

它的特点:

• 完全可用的 android:layout_width:它可以设置为 wrap_content、match_parent 或任意 dp。
• 任意数量的星星。
• 任意步长。
• 星星的大小可以精确控制或通过设置最大大小来控制。
• 正常状态下的可自定义颜色(边框、填充和星星背景以及评分栏)。
• 按下状态下的可自定义颜色(边框、填充和星星背景以及评级栏)。
• 星星之间可自定义的大小分隔。
• 可定制的星星边框宽度。
• 可自定义的星角半径。
• 允许设置 OnRatingBarChangeListener
• 可以将星星填充设置为从左到右或从右到左(RTL 语言支持)。
• AnimationBuilder 集成在 View 中以通过动画以编程方式设置评级。

Here is a preview of it .

您可以在 jcenter 或 Maven Central 中找到它。所以在你的 build.gradle 文件中添加你的依赖项:

编译 'com.iarcuschin:simpleratingbar:0.1.+'

在您的示例中，您可以将其用作:

<com.iarcuschin.simpleratingbar.SimpleRatingBar
        android:id="@+id/ratingbar_default"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        app:srb_numberOfStars="5"
        app:srb_stepSize="0.1"
        app:srb_starSize="100dp"
        app:srb_borderColor="@color/your_light_green_color"
        app:srb_fillColor="@color/your_light_green_color"
        />

不需要额外的 xml 文件:)

希望有用。