Android星級評分條RatingBar樣式的改變及出現問題的解決方法

實現的成果以下:
在這裏插入圖片描述
在製做的過程當中大概會出現直接報錯或者星星流眼淚的現象,在文章 最後會有解決的方法。
步驟:
1.佈局文件
在這裏插入圖片描述
2.自定義的layer-list樣式文件starsstyle 要求:兩張圖
在這裏插入圖片描述
3.在style文件中建立一個樣式,並在第一步中使用
在這裏插入圖片描述
出現的問題:
直接報錯:多是圖片素材過大,改一下就行了。
流眼淚:我畫了一張圖,以下,將圖片放在一個透明的圓形或正方形中,組合成一張圖片素材。至於美觀大小啥的就靠本身調了。
在這裏插入圖片描述
具體現成代碼以下:android

佈局文件web

<RatingBar
    android:id="@+id/ratingBar"
    style="@style/RatingBarstyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

layer-list樣式文件svg

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background"
        android:drawable="@drawable/ic_action_name1"/>
         <item android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/ic_action_name1"/>

    <item android:id="@android:id/progress"
        android:drawable="@drawable/ic_action_name"/>

</layer-list>

style文件中建立的部分佈局

<style name="RatingBarstyle" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/starsstyle</item>
        <item name="android:numColumns">5</item>

    </style>

本文同步分享在 博客「計蒙不吃魚」(CSDN)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。.net

相關文章
相關標籤/搜索