Android天气应用：基于OpenWeatherMap图标匹配播放对应天气音效的实现求助

Hey Richard, let's break this down step by step to get your weather sound integration working smoothly. We'll use a Map to cleanly link weather states to their corresponding sounds, fix small bugs in your existing code, and ensure proper resource management to avoid crashes or memory leaks.

Step 1: Simplify MediaPlayer Management with a Map #

Instead of declaring 9 separate MediaPlayer variables, we'll use a single Map to store sound players keyed by a weather type identifier. This aligns perfectly with your requirement to map weather icons to sounds.

First, replace your existing MediaPlayer variables with these two fields in your FirstFragment class:

private Map<String, MediaPlayer> weatherSoundMap;
private MediaPlayer currentPlayingSound; // Tracks the active sound to stop it when needed

Step 2: Initialize the Sound Map #

In your onCreateView method, initialize the map and link each weather type to its corresponding sound resource (make sure your sound files are stored in the res/raw directory with matching filenames):

// Initialize weather sound mappings
weatherSoundMap = new HashMap<>();
weatherSoundMap.put("clear_sky", MediaPlayer.create(requireContext(), R.raw.clear_sky_sound));
weatherSoundMap.put("few_clouds", MediaPlayer.create(requireContext(), R.raw.few_clouds_sound));
weatherSoundMap.put("scattered_clouds", MediaPlayer.create(requireContext(), R.raw.scattered_clouds_sound));
weatherSoundMap.put("broken_clouds", MediaPlayer.create(requireContext(), R.raw.broken_clouds_sound));
weatherSoundMap.put("shower_rain", MediaPlayer.create(requireContext(), R.raw.shower_rain_sound));
weatherSoundMap.put("rain", MediaPlayer.create(requireContext(), R.raw.rain_sound));
weatherSoundMap.put("thunderstorm", MediaPlayer.create(requireContext(), R.raw.thunderstorm_sound));
weatherSoundMap.put("snow", MediaPlayer.create(requireContext(), R.raw.snow_sound));
weatherSoundMap.put("mist", MediaPlayer.create(requireContext(), R.raw.mist_sound));

Step 3: Update Weather Icon Logic & Play Sounds #

In your weather data observer block, modify the switch statement to track the current weather type, then use the map to play the corresponding sound. Also, fix the typo in your 02n case (you had 021n):

if (data != null) {
    // ... (keep all your existing UI update code here)

    String icon = data.getWeather().get(0).getIcon();
    int drawableResource = -1;
    String currentWeatherType = ""; // Track the current weather type for sound playback

    switch (icon) {
        case "01d":
        case "01n":
            drawableResource = R.drawable.sun;
            currentWeatherType = "clear_sky";
            break;
        case "02d":
        case "02n": // Fixed typo from "021n"
            drawableResource = R.drawable.few_clouds;
            currentWeatherType = "few_clouds";
            break;
        case "03d":
        case "03n":
            drawableResource = R.drawable.scattered_clouds;
            currentWeatherType = "scattered_clouds";
            break;
        case "04d":
        case "04n":
            drawableResource = R.drawable.broken_clouds;
            currentWeatherType = "broken_clouds";
            break;
        case "09d":
        case "09n":
            drawableResource = R.drawable.shower_rain;
            currentWeatherType = "shower_rain";
            break;
        case "10d":
        case "10n":
            drawableResource = R.drawable.small_rain;
            currentWeatherType = "rain";
            break;
        case "11d":
        case "11n":
            drawableResource = R.drawable.thunderstorm;
            currentWeatherType = "thunderstorm";
            break;
        case "13d":
        case "13n":
            drawableResource = R.drawable.snow;
            currentWeatherType = "snow";
            break;
        case "50d":
        case "50n":
            drawableResource = R.drawable.mist;
            currentWeatherType = "mist";
            break;
    }

    if (drawableResource != -1)
        current_icon.setImageResource(drawableResource);

    // Play corresponding sound
    if (!currentWeatherType.isEmpty()) {
        // Stop currently playing sound (if any)
        if (currentPlayingSound != null && currentPlayingSound.isPlaying()) {
            currentPlayingSound.stop();
            currentPlayingSound.seekTo(0); // Reset to start for future playback
        }
        // Get and play the new sound
        MediaPlayer soundPlayer = weatherSoundMap.get(currentWeatherType);
        if (soundPlayer != null) {
            soundPlayer.start();
            currentPlayingSound = soundPlayer;
        }
    }
} else {
    // ... (keep your existing error handling code here)
}

Step 4: Clean Up Resources to Avoid Leaks #

Add this lifecycle method to release all MediaPlayer resources when the fragment is destroyed:

@Override
public void onDestroyView() {
    super.onDestroyView();
    // Release all sound players
    if (weatherSoundMap != null) {
        for (MediaPlayer player : weatherSoundMap.values()) {
            if (player != null) {
                player.release();
            }
        }
        weatherSoundMap.clear();
    }
    // Release the currently playing sound
    if (currentPlayingSound != null) {
        currentPlayingSound.release();
        currentPlayingSound = null;
    }
}

Key Notes: #

• Ensure your sound files are in the res/raw directory and their names match what you've used in the MediaPlayer.create() calls (e.g., clear_sky_sound.mp3).
• If you want sounds to loop continuously, add soundPlayer.setLooping(true); right before calling soundPlayer.start();.
• The Map makes it easy to add or modify weather-sound mappings later without rewriting large chunks of code.

内容的提问来源于stack exchange，提问作者Richard Wilson