Android自定義評分控件的完整實例

Posted on by

前言

無意中翻到幾年前寫過的一個RatingBar，可以拖拽，支持自定義星星圖片，間距大小等參數。

自定義參數

為瞭方便擴展，支持更多的樣式，這裡將大部分參數設置成支持外部可配置的形式。

<declare-styleable name="RatingBarPlus">
    <attr name="hideImageResource" format="reference"/>
    <attr name="showImageResource" format="reference"/>
    <attr name="starSpace" format="dimension"/>
    <attr name="maxStar" format="integer"/>
    <attr name="stepSize" format="float"/>
    <attr name="rating" format="float"/>
    <attr name="starWidth" format="dimension"/>
    <attr name="starHeight" format="dimension"/>
</declare-styleable>
  • hideImageResource 暗星星圖片id
  • showImageResource 亮星星圖片id
  • starSpace 星星間距
  • maxStar 星星最大個數
  • stepSize 評分步長，即能不能選中0.1個星
  • rating 默認評分
  • starWidth 星星寬度
  • starHeight 星星高度

解析參數

創建星星位圖的時候需要根據配置的大小和圖片本身的寬高進行縮放。

繪制

繪制完成之後我們就可以動態設置評分來回顯之前的評分，但是經常我們需要與控件交互，動態地設置分數，所以我們還需要重寫onTouchEvent方法完成事件處理。

事件處理

評分需要隨著手指的移動而動態變化，這裡我們記錄下當前手指所在的位置，如果在星星上面，就算出當前位置距離星星左邊的長度占據整個星星寬度的百分比，然後根據設置的stepSize參數動態微調總評分。

評分監聽

我們還需要將評分暴露給外部，處理主動調用getRating()方法獲取之外，我們還可以提供一個監聽接口，實時提供回調。

功能事件比較簡單，隻需要在事件處理的時候，微調總評分完成之後回調一下數據就可以瞭。

if (onRatingChangeListener != null) {
    onRatingChangeListener.onRatingChange(rating);
}

外部使用

ratingBar.setOnRatingChangeListener{
    ratingText.text = "當前評分:${it}"
}

總結

到此這篇關於Android自定義評分控件的文章就介紹到這瞭,更多相關Android自定義評分控件內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：