Android如何在ratingbar中增加星的高度和宽度

时间:2016-09-22 10:01:41

标签: android widget android-styles rating ratingbar

我正在实施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>

这是我的主要活动。

    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>

enter image description here

1 个答案:

答案 0 :(得分:1)

如果您愿意使用与Android默认设置不同的RatingBar,我是SimpleRatingBar的创建者。

它的特点:

  • 完全正常工作android:layout_width:可以将其设置为wrap_contentmatch_parent或abritary dp。
  • 任意数量的明星。
  • 任意步长。
  • 可以精确控制星星的大小,也可以通过设置最大大小来控制。
  • 正常状态下的可自定义颜色(星形和额定条的边框,填充和背景)。
  • 按下状态下的可自定义颜色(星形和额定条的边框,填充和背景)。
  • 明星之间可定制的尺寸分离。
  • 可自定义的星星边框宽度。
  • 可自定义的星角半径。
  • 允许设置OnRatingBarChangeListener
  • 星星填充可以设置为从左到右或从右到左(RTL语言支持)。
  • 在视图中集成了AnimationBuilder,以动画方式设置评级。

Here is a preview of it

您可以在jcenterMaven Central中找到它。因此,在build.gradle文件中,只需添加依赖项:

compile '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文件:)

我希望它有用。