简体   繁体   中英

Android RatingBar stars with shadow/glow

I want to add a shadow to the stars in a RatingBar. I also want to use half-stars, so I can't just add the shadow directly on the star image. Is this possible to achieve or will I have to create a custom RatingBar?

I make non-filled stars transparent using the following drawable:

<?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="@android:color/transparent" />
    <item android:id="@android:id/secondaryProgress"
        android:drawable="@android:color/transparent" />
    <item android:id="@android:id/progress"
        android:drawable="@drawable/star" />
</layer-list>

Try to use another rating bar behind the original one and make its style as an shadow. Then sync the behind rating bar with the one in top.

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignLeft="@+id/textView1"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="22dp" >

<RatingBar
    android:id="@+id/ratingBar2"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="0dp"
    android:layout_marginLeft="5dp"
    android:stepSize="0.5"
    android:focusable="false" />

<RatingBar
    android:id="@+id/ratingBar1"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="10dp"
    android:stepSize="0.5"
     />

</RelativeLayout>

then sync the the rating bars. As any one changed the other will change too.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM