首页 > 代码库 > 自定义RatingBar，不同分辨率屏幕下图片拉伸或者显示不完整问题解决

自定义RatingBar，不同分辨率屏幕下图片拉伸或者显示不完整问题解决

2024-08-16 15:26:11   217人阅读

1、需要两张评分图片ic_rating_highlight.png ic_rating_normal_white.png（宽高都是52px，且有内边距）

　  将这两张图片添加到各分辨率文件夹下

2、drawable下添加dw_ratingbar_white.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 3 
 4     <item
 5         android:id="@android:id/background"
 6         android:drawable="@mipmap/ic_rating_normal_white"/>
 7     <item
 8         android:id="@android:id/secondaryProgress"
 9         android:drawable="@mipmap/ic_rating_normal_white"/>
10     <item
11         android:id="@android:id/progress"
12         android:drawable="@mipmap/ic_rating_highlight"/>
13 
14 </layer-list>

3、values下styles.xml里添加

1     <style name="bgWhiteRatingBar" parent="@android:style/Widget.RatingBar">
2         <item name="android:progressDrawable">@drawable/dw_ratingbar_white</item>
3         <item name="android:maxHeight">52px</item>
4         <item name="android:minHeight">52px</item>
5     </style>

4、评分条布局

 1 <!--星级-->
 2 <RatingBar
 3     android:id="@+id/rating_bar_home"
 4     style="@style/bgWhiteRatingBar"
 5     android:layout_width="wrap_content"
 6     android:layout_height="wrap_content"
 7     android:layout_gravity="bottom"
 8     android:layout_marginLeft="20dp"
 9     android:isIndicator="true"
10     android:numStars="5"
11     android:stepSize="1"/>

 

自定义RatingBar，不同分辨率屏幕下图片拉伸或者显示不完整问题解决


联系
我们