能否基于Android Studio实现Roulette selection算法的可视化界面及代码？

Absolutely! You can absolutely build a roulette-style graphical interface like the one you referenced and integrate your existing roulette selection logic in Android Studio. Let's walk through how to do this step by step:

1. Create the Roulette UI Layout #

We'll use a ConstraintLayout to arrange the roulette wheel image, a fixed pointer, and a trigger button. Here's the activity_main.xml code:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!-- Roulette Wheel Image -->
    <ImageView
        android:id="@+id/iv_roulette_wheel"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:src="@drawable/roulette_wheel" <!-- Replace with your custom wheel image -->
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- Fixed Pointer -->
    <ImageView
        android:id="@+id/iv_pointer"
        android:layout_width="40dp"
        android:layout_height="60dp"
        android:src="@drawable/roulette_pointer" <!-- Replace with your custom pointer image -->
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- Spin Trigger Button -->
    <Button
        android:id="@+id/btn_spin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Spin the Roulette"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/iv_roulette_wheel" />

</androidx.constraintlayout.widget.ConstraintLayout>

Note: You'll need to add your own roulette wheel and pointer drawables to the res/drawable folder to match your desired UI.

2. Optimize the Roulette Selection Algorithm #

Your existing logic works, but we can tweak it to be more robust (e.g., calculate max weight internally instead of passing it, handle zero-weight entries to avoid infinite loops):

private int rouletteSelection(double[] weights) {
    if (weights == null || weights.length == 0) {
        return -1; // Handle empty input edge case
    }

    // Calculate max weight internally so you don't need to pass it as a parameter
    double maxWeight = 0;
    for (double weight : weights) {
        if (weight > maxWeight) {
            maxWeight = weight;
        }
    }

    int index;
    while (true) {
        index = (int) (weights.length * Math.random());
        // Skip entries with zero weight to prevent infinite loops
        if (weights[index] == 0) continue;
        if (Math.random() < weights[index] / maxWeight) {
            break;
        }
    }
    return index;
}

3. Integrate UI and Logic with Rotation Animation #

Now let's wire up the button to trigger a realistic spinning animation, then run the selection logic once the animation finishes:

import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private ImageView rouletteWheel;
    private Button spinButton;
    // Your predefined weight data
    private final double[] weights = {9, 8, 10, 1};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        rouletteWheel = findViewById(R.id.iv_roulette_wheel);
        spinButton = findViewById(R.id.btn_spin);

        spinButton.setOnClickListener(v -> spinRoulette());
    }

    private void spinRoulette() {
        // Disable button during spin to prevent multiple accidental clicks
        spinButton.setEnabled(false);

        // Create a random rotation animation (3-7 full spins plus a random offset for naturalness)
        int randomRotation = (int) (Math.random() * 400) + 1080; // 1080 = 3 full 360° spins
        ObjectAnimator rotationAnimator = ObjectAnimator.ofFloat(rouletteWheel, "rotation", 0f, randomRotation);
        rotationAnimator.setDuration(3000); // 3-second spin duration (adjust as needed)

        // Run selection logic once the spin animation ends
        rotationAnimator.addListener(new android.animation.Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(android.animation.Animator animation) {}

            @Override
            public void onAnimationEnd(android.animation.Animator animation) {
                int selectedIndex = rouletteSelection(weights);
                Toast.makeText(MainActivity.this, "Chosen = " + selectedIndex, Toast.LENGTH_LONG).show();
                spinButton.setEnabled(true); // Re-enable button for next spin
            }

            @Override
            public void onAnimationCancel(android.animation.Animator animation) {}

            @Override
            public void onAnimationRepeat(android.animation.Animator animation) {}
        });

        rotationAnimator.start();
    }

    private int rouletteSelection(double[] weights) {
        if (weights == null || weights.length == 0) {
            return -1;
        }

        double maxWeight = 0;
        for (double weight : weights) {
            if (weight > maxWeight) {
                maxWeight = weight;
            }
        }

        int index;
        while (true) {
            index = (int) (weights.length * Math.random());
            if (weights[index] == 0) continue;
            if (Math.random() < weights[index] / maxWeight) {
                break;
            }
        }
        return index;
    }
}

Key Tips for Customization: #

• Animation Tweaks: Adjust the duration or randomRotation range to make the spin faster/slower or more/less unpredictable.
• UI Polish: Add shadows to the wheel/pointer, or use a custom button style to match your roulette theme.
• Weight Visualization: If you want to show which segments correspond to each weight value, you can color-code your roulette wheel drawable to match the weight array order.

内容的提问来源于stack exchange，提问作者Salim Lachdhaf