溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Android星級評分條控件RatingBar使用詳解

發布時間:2020-09-20 16:54:45 來源:腳本之家 閱讀:209 作者:DistanceZK 欄目:移動開發

Android開發中,時不時的就有要實現星星的評分效果,比如某寶,某團,相信大家也都見過,當然了我們可以自己去畫,也可以用美工給切的圖去實現,其實在Android原生的控件中就可以來實現這樣的效果,它就是RatingBar。
來,我們先看一張圖(只在代碼中引入了控件)

Android星級評分條控件RatingBar使用詳解

實現效果如下圖:

Android星級評分條控件RatingBar使用詳解

我們先看一下它的繼承關系:這玩意和SeekBar的類結構是一樣的,也是ProgressBar的子類

Android星級評分條控件RatingBar使用詳解

相關屬性:

android:isIndicator:是否用作指示,用戶無法更改,默認false
android:numStars:顯示多少個星星,必須為整數
android:rating:默認評分值,必須為浮點數
android:stepSize: 評分每次增加的值,必須為浮點數
除了上面這些,還有兩種樣式供我們選擇咧,但是不建議使用,因為這兩種樣式都好丑... 他們分別是:


事件處理: 只需為RatingBar設置OnRatingBarChangeListener事件,然后重寫下onRatingChanged()方法即可!
實現代碼如下:

public class MainActivity extends AppCompatActivity {
 private RatingBar rb_normal;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 rb_normal = (RatingBar) findViewById(R.id.rb_normal);
 rb_normal.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {
  @Override
  public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {
  Toast.makeText(MainActivity.this, "rating:" + String.valueOf(rating),
   Toast.LENGTH_LONG).show();
  }
 });
 }
}

自定義樣式階段:
接下來和前面的SeekBar一樣編寫一個layer-list的文件:
ratingbar_full.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="@mipmap/ic_rating_off1" />
 <item android:id="@android:id/secondaryProgress"
 android:drawable="@mipmap/ic_rating_off1" />
 <item android:id="@android:id/progress"
 android:drawable="@mipmap/ic_rating_on1" />
</layer-list> 

接著在style.xml中自定義下RatingBar Style,在style.xml加上這個:

<style name="roomRatingBar" parent="@android:style/Widget.RatingBar">
 <item name="android:progressDrawable">@drawable/ratingbar_full</item>
 <item name="android:minHeight">24dip</item>
 <item name="android:maxHeight">24dip</item>
 </style>

最后在布局中的Ratingbar組件設置下:

<RatingBar
 android:id="@+id/rb_normal"
 
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />

可以實現效果如下圖:

Android星級評分條控件RatingBar使用詳解

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女