thanhniencung / luckywheel

This is an other option to implement custom view like lucky wheel

Screenshot

Usage

Include LuckyWheel widget in your layout:

<rubikstudio.library.LuckyWheelView
    android:layout_centerInParent="true"
    app:lkwBackgroundColor="#FF9800"
    app:lkwTopTextColor="#263238"
    app:lkwCenterImage="@drawable/wheel2"
    app:lkwCursor="@drawable/ic_cursor"
    android:id="@+id/luckyWheel"
    android:layout_width="300dp"
    android:layout_height="300dp" />

You also have the option to add the following parameters:

...
        app:lkwEdgeColor="#e2e5eb"
        app:lkwEdgeWidth="25"
        app:lkwTopTextPadding="10dp"
        app:lkwTopTextSize="12sp"
        app:lkwSecondaryTextSize="25sp" />

And in your code :

LuckyWheelView luckyWheelView = (LuckyWheelView) findViewById(R.id.luckyWheel);
List<LuckyItem> data = new ArrayList<>();
for (int i=0; i<12; i++) {
    LuckyItem luckyItem = new LuckyItem();
    luckyItem1.topText = "Item " + i;
    luckyItem1.icon = R.drawable.test;
    luckyItem1.color = 0xffFFF3E0;
    data.add(luckyItem);
}

luckyWheelView.setData(data);
luckyWheelView.setRound(10);

// start
luckyWheelView.startLuckyWheelWithTargetIndex(index);

// listener after finish lucky wheel
luckyWheelView.setLuckyRoundItemSelectedListener(new LuckyWheelView.LuckyRoundItemSelectedListener() {
    @Override
    public void LuckyRoundItemSelected(int index) {
        // do something with index
    }
});

#Custom LuckyWheel

You can setting these properties of the lucky wheel view with xml :

    app:lkwBackgroundColor="#FF9800"
    app:lkwTopTextColor="#263238"
    app:lkwCenterImage="@drawable/wheel2"
    app:lkwCursor="@drawable/ic_cursor"

Or with code like:

    luckyWheelView.setLuckyWheelBackgrouldColor(0xff0000ff);
    luckyWheelView.setLuckyWheelTextColor(0xffcc0000);
    luckyWheelView.setLuckyWheelCenterImage(getResources().getDrawable(R.drawable.icon));
    luckyWheelView.setLuckyWheelCursorImage(R.drawable.ic_cursor);

#Sample Check out the sample application to see it in action!

Contributing

Contributions welcome via Github pull requests.

luckywheel's Issues

How to add click event for items?

I want to get position while clicking on items (segment which are drawn using Arc). Is there any possibility to do that?
@peterbetos Is there any possibility to get click event of arcs from canvas?

Add Images TO Slice

I need to add custom images from URL using glide or retrofit to slice images.
I was highlight it.
pls explain how can i do.

Thanks.

Icon Roatation

when we rotate the wheel spinner it will also rotate the icon where we set in the main xml layout ..
is that possible wheel is just rotate and the icon is fixed on that place .?

is there any way to display images from server path instead of local drawable

Can you help me how to http url image to convert to bitmap and set to each segment on wheel

Take Click Listener of Center Image

Hello,

I need to take click of center image of the wheel.
Appreciate your answer.

Thank You.

dependencies

can we use this lib ? in my project ?

Stop Wheel rotation while spinning

Can we stop the rotation of the wheel before the animation ends.

Error display when text length >= 12 (text is outsite wheel)

Error display when text length >= 12 (text is outsite wheel). Could you set text size smaller or set multi line?

How to set topText vertically?

I have implemented your library in Android. But unable to show the text in vertically as currently it is showing horizontally.

Can you please tell me details code logic how to show text vertically?

Kotlin Implementation

How can i implement the library using Kotlin language?

Unable to apply colors on rounds of wheelview

Unable to apply colors on rounds of wheelview. i want to add different different colors in each round of wheelview. please help me out.
Thanks in advance

background Image

Can I set background image for pie?

can we use this lib ? in my project ?

can i swap left or right without spin and get text

can i swap left or right without spin and get text

Index position issue

in spin index position is not accurate some time for 1st item it gives index 1 and some time it give 0 as index position.

'boolean android.graphics.Bitmap.isRecycled()' on a null object reference

FATAL EXCEPTION: main
the logcat show me hint in PeilView here
drawImage(canvas, tmpAngle, BitmapFactory.decodeResource(getResources(), mLuckyItemList.get(i).icon));

Avoid object allocations during draw/layout operations (preallocate and reuse instead)

Rotation Animation not working on Samsung S5 with Android 6.0.1

pointer position before spinning the wheel

before the wheel is spinned the pointer doesnt point towards the first item.
tried to solve but unable to get a solution.
please help..

How to draw the text vertically in Pie Slice ?

Hi, How to draw the text vertically in pie slice

pls explain

Can we use the library via gradle dependency?

Hi, this is a great library. Can we use the library via gradle dependency?. Thanks

Inconsistent versioning?

I'm having an issue with my app using this library. Recently, it appears the PieRotateListener had a second method added to it. Fine.

However, the listener does not trigger on done when using startLuckyWheelWithTargetIndex.

My source locally looks like:

        float targetAngle = ((360f * mRoundOfNumber * rotationAssess) + 270f - getAngleOfIndexTarget(indexResult) - (360f / mLuckyItemList.size()) / 2);
        animate()
                .setInterpolator(new DecelerateInterpolator())
                .setDuration(mRoundOfNumber * 1000 + 900L)
                .setListener(new Animator.AnimatorListener() {
                    @Override
                    public void onAnimationStart(Animator animation) {
                        isRunning = true;
                    }

                    @Override
                    public void onAnimationEnd(Animator animation) {
                        setRotation(getRotation() % 360f);
                        if (mPieRotateListener != null && predeterminedNumber > -1) {
                            mPieRotateListener.rotateDone(predeterminedNumber);
                        }
                    }

Your source of the same line doesn't mention the predeterminedNumber, instead triggering with the index of what was completed.

What's going on? I can't even get the older version of the library that used to work right with the way this library is versioned. There really should be versions cut and not just have users use the master snapshot in Gradle.

How can i decrease the time of each spin and add sound when its spining?

Not working at all in Java Project

There is no startLuckyWheelWithTargetIndex(index) method as you show in the example.
The wheel starts the animation only if the user rotates it by touching.
setLuckyRoundItemSelectedListener()'s overridden methods do nothing at all. luckyRoundItemSelected() or onLuckyWheelRotationStart() don't get called anytime whether the wheel starts or stops.
Also there is a problem in passing icons to the items, R.drawable.icon doesn't work and produces null exceptions.
Is this not compatible to Java as you've written it in Kotlin?
Thanks in advance.

extra space on wheel!!

How can I play a sound for each spin?

new Thread(() -> {
MediaPlayer mMediaPlayer;

mMediaPlayer = MediaPlayer.create(getContext(), R.raw.tick);

mMediaPlayer.start();
                }).start();

Where should I put it?

dependencies

can we use this lib ? in my project ?

How to implement it ? im pretty new

Hey, im pretty new to android studio. and i want to implement this wheel into my existing Project, i dont know what to do. pls help me.

Stop Spin According to Value

Hi, i Want to stop spinning using value instead of index position.

error list size 7

i add list have size 7, error display

Issue With adding more items

If i add more than 18 items, wheel positioning gets wrong and wheel doesn't stop at target index.

LICENSE

Hi,

This is a great implementation of lucky wheel, and I would like to use it for my work and even contribute to it. In this regard, is it possible for you to add a license to this project ?

Pavan

Disabling the touch listener on the wheel?

I have tried to disable the listener to the LuckyWheel to false, also its clickability to false, bu the user is still able to touch the wheel and have it spinning. How can I disable it?

How to set image file from bitmap

I have image from server then convert to bitmap

how to set value -> luckywheelitem.icon from bitmap

thank you

Can we customise the circle?

Hi, i have seen your library, i have one question can we Can we customise the circle as per the below image? i mean the inner circles and there colors with this library.