[英]How to make a smaller RatingBar?
我在布局中添加了RatingBar :
<RatingBar
android:id="@+id/ratingbar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:stepSize="1.0"
/>
但评级栏的默认样式太大。
我试着通过添加android风格来改变它: style="?android:attr/ratingBarStyleSmall"
但结果太小,无法使用此属性设置费率。
我该怎么办?
如何粘贴这里给出的代码......
步骤1。 您需要在res/drawable
拥有自己的评级星......
Step-2在res/drawable
你需要ratingstars.xml
如下...
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background"
android:drawable="@drawable/star_empty" />
<item android:id="@android:id/secondaryProgress"
android:drawable="@drawable/star_empty" />
<item android:id="@android:id/progress"
android:drawable="@drawable/star" />
</layer-list>
步骤3在res/values
你需要styles.xml
如下...
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
<item name="android:progressDrawable">@drawable/ratingstars</item>
<item name="android:minHeight">22dip</item>
<item name="android:maxHeight">22dip</item>
</style>
</resources>
第4步在您的布局中......
<RatingBar
android:id="@+id/rtbProductRating"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:numStars="5"
android:rating="3.5"
android:isIndicator="false"
style="@style/foodRatingBar"
/>
默认的RatingBar小部件是sorta'lame。
该人士提到了风格“ ?android:attr/ratingBarStyleIndicator
除了”“ ?android:attr/ratingBarStyleSmall
”你已经很熟悉。 ratingBarStyleIndicator
略小但它仍然非常难看,评论指出这些样式“不支持交互”。
你可能会更好地自己动手。 http://kozyr.zydako.net/2010/05/23/pretty-ratingbar/上有一本不错的指南,展示了如何做到这一点。 (我自己还没有这样做,但是会在一天左右的时间里尝试。)
祝好运!
ps很抱歉,我要发布一个链接到你的源码,但我是一个新用户,不能发布超过1个URL。 如果你在源代码树中挖掘它,它位于frameworks / base / core / java / android / widget / RatingBar.java
只需使用:
android:scaleX="0.5"
android:scaleY="0.5"
根据您的需要更改比例因子。
为了在不创建左侧填充的情况下进行缩放也可以添加
android:transformPivotX="0dp"
无需向?android:attr/ratingBarStyleSmall
添加监听?android:attr/ratingBarStyleSmall
。 只需添加android:isIndicator=false
,它就会捕获点击事件,例如
<RatingBar
android:id="@+id/myRatingBar"
style="?android:attr/ratingBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:isIndicator="false" />
操作系统的小工具
<RatingBar
android:id="@+id/ratingBar"
style="?android:attr/ratingBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
我找到了一个比上面给出的更容易的解决方案,比滚动自己更容易。 我只是创建了一个小评级栏,然后添加了一个onTouchListener。 从那里我计算点击的宽度,并从中确定星星的数量。 多次使用这个,我发现的唯一的怪癖是绘制一个小的评级栏并不总是在表格中正确,除非我将它包含在一个LinearLayout中(在编辑器中看起来,但不是设备) 。 无论如何,在我的布局中:
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<RatingBar
android:id="@+id/myRatingBar"
style="?android:attr/ratingBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5" />
</LinearLayout>
在我的活动中:
final RatingBar minimumRating = (RatingBar)findViewById(R.id.myRatingBar);
minimumRating.setOnTouchListener(new OnTouchListener()
{
public boolean onTouch(View view, MotionEvent event)
{
float touchPositionX = event.getX();
float width = minimumRating.getWidth();
float starsf = (touchPositionX / width) * 5.0f;
int stars = (int)starsf + 1;
minimumRating.setRating(stars);
return true;
}
});
我希望这有助于其他人。 绝对比绘制自己的更容易(虽然我发现它也有效,但我只想轻松使用星星)。
申请这个。
<RatingBar android:id="@+id/indicator_ratingbar"
style="?android:attr/ratingBarStyleIndicator"
android:layout_marginLeft="5dip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical" />
<RatingBar
android:id="@+id/rating_bar"
style="@style/Widget.AppCompat.RatingBar.Small"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
使用此代码
<RatingBar
android:id="@+id/ratingBarSmalloverall"
style="?android:attr/ratingBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="30dp"
android:isIndicator="false"
android:numStars="5" />
<RatingBar
android:id="@+id/ratingBar1"
android:numStars="5"
android:stepSize=".5"
android:rating="3.5"
style="@android:style/Widget.DeviceDefault.RatingBar.Small"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
虽然Farry的回答有效,但对于三星设备,RatingBar采用随机蓝色而不是我定义的颜色。 所以使用
style="?attr/ratingBarStyleSmall"
代替。
完整代码如何使用它:
<android.support.v7.widget.AppCompatRatingBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="?attr/ratingBarStyleSmall" // use smaller version of icons
android:theme="@style/RatingBar"
android:rating="0"
tools:rating="5"/>
<style name="RatingBar" parent="Theme.AppCompat">
<item name="colorControlNormal">@color/grey</item>
<item name="colorControlActivated">@color/yellow</item>
<item name="android:numStars">5</item>
<item name="android:stepSize">1</item>
</style>
小型评级栏的最佳答案
<RatingBar
android:layout_width="wrap_content"
style = "?android:attr/ratingBarStyleSmall"
android:layout_height="wrap_content" />
使用以下代码用于onTouch事件的小评级栏
enter code here
<RatingBar
android:id="@+id/ratingBar"
style="?android:ratingBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:isIndicator="false"
android:rating="4"
android:stepSize="0.5" />
<RatingBar
android:rating="3.5"
android:stepSize="0.5"
android:numStars="5"
style = "?android:attr/ratingBarStyleSmall"
android:theme="@style/RatingBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
// if you want to style
<style name="RatingBar" parent="Theme.AppCompat">
<item name="colorControlNormal">@color/colorPrimary</item>
<item name="colorControlActivated">@color/colorAccent</item>
</style>
//为小评级栏添加这些行
style = "?android:attr/ratingBarStyleSmall"
经过大量研究后,我发现减少自定义额定条尺寸的最佳解决方案是获得某些尺寸的可绘制尺寸,如下所述:
xxhdpi - 48 * 48 px
xhdpi - 36 * 36 px
hdpi - 24 * 24 px
并且在风格上将minheight和maxheight设置为所有分辨率的16 dp。
让我知道,如果这不能帮助您获得最佳的小尺寸评级栏,因为这些尺寸我发现非常兼容并且等同于ratingbar.small样式属性。
我得到的最佳答案
<style name="MyRatingBar" parent="@android:style/Widget.RatingBar">
<item name="android:minHeight">15dp</item>
<item name="android:maxHeight">15dp</item>
<item name="colorControlNormal">@color/white</item>
<item name="colorControlActivated">@color/home_add</item>
</style>
像这样的用户
<RatingBar
style="?android:attr/ratingBarStyleIndicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:isIndicator="false"
android:max="5"
android:rating="3"
android:scaleX=".8"
android:scaleY=".8"
android:theme="@style/MyRatingBar" />
使用scaleX和scaleY值增加/减小大小
它在评级栏中为我工作xml style =“?android:attr / ratingBarStyleSmall”添加this.it将起作用。
我解决了这个问题如下:style =“?android:attr / ratingBarStyleSmall”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.