Unity中如何通过Dropdown切换显示与隐藏不同面板？

Hey there! I see you're new to Unity and trying to switch between your basic and advanced panels using a Dropdown—let's get this sorted out for you. Your current approach using Update() works, but it's not the most efficient way to handle Dropdown changes, and there are a couple of small tweaks to make it reliable.

First, Let's Understand the Issues with Your Current Code #

1. Using Update() is unnecessary: The Update() method runs every frame, but we only need to react when the Dropdown's value actually changes. Unity provides a built-in event for this (onValueChanged) that's way more efficient.
2. Missing default index handling: Dropdown values start at 0 (the first option), but your switch only handles 1 and 2. That means when the scene starts, no panel will toggle unless you manually select an option.
3. Singleton can be optimized: Your Instance() method uses FindObjectOfType() every time it's called, which is slow. We can initialize the singleton in Awake() instead.

Here's the Revised Code #

Let's rewrite your script to fix these issues:

using UnityEngine;
using UnityEngine.UI;

public class WithrowModalPanel : MonoBehaviour {
    public Button cancelButton;
    public GameObject modalPanelObject; // Basic info panel
    public GameObject modalPanelObjectAdvance; // Security info panel
    public Dropdown myDropdown;

    // Optimized singleton property
    public static WithrowModalPanel Instance { get; private set; }

    void Awake() {
        // Initialize singleton
        if (Instance == null) {
            Instance = this;
        } else {
            // Destroy duplicate instances
            Destroy(gameObject);
        }
    }

    void Start() {
        // Bind the Dropdown's value change event to our handler method
        myDropdown.onValueChanged.AddListener(OnDropdownValueChanged);
        
        // Initialize panel state to match the default Dropdown value
        OnDropdownValueChanged(myDropdown.value);
    }

    // This method runs ONLY when the Dropdown's value changes
    void OnDropdownValueChanged(int selectedIndex) {
        switch (selectedIndex) {
            // Case 0: Assuming your first Dropdown option is "Basic Info"
            case 0:
            case 1: // If your basic option is at index 1, adjust this to match your Dropdown setup
                Debug.Log("Showing Basic Info Panel!");
                modalPanelObject.SetActive(true);
                modalPanelObjectAdvance.SetActive(false);
                break;
            // Case 2: Assuming your second option is "Security Info"
            case 2:
                Debug.Log("Showing Security Info Panel!");
                modalPanelObjectAdvance.SetActive(true);
                modalPanelObject.SetActive(false);
                break;
            // Fallback for any unexpected index
            default:
                Debug.Log("Unknown option selected—defaulting to Basic Info Panel");
                modalPanelObject.SetActive(true);
                modalPanelObjectAdvance.SetActive(false);
                break;
        }
    }
}

Key Steps to Make This Work #

1. Check Your Dropdown Option Indices:
   • In the Unity Editor, select your Dropdown component. Look at the Options list:
     • The first option in the list has an index of 0
     • The second option has an index of 1
     • Adjust the case values in the switch statement to match your actual Dropdown setup. For example, if "Basic Info" is the first option, use case 0 instead of case 1.
2. Assign References in the Editor:
   • Drag your two panel GameObjects into the modalPanelObject and modalPanelObjectAdvance slots in the Inspector.
   • Drag your Dropdown component into the myDropdown slot.
3. Test Initial State:
   • The Start() method calls OnDropdownValueChanged with the default Dropdown value, so your panels will start in the correct state without needing manual input.

Why This Is Better #

• Performance: We only react when the Dropdown actually changes, instead of checking every single frame.
• Reliability: The initial state is set automatically, so users won't see unexpected panel behavior when the scene loads.
• Maintainability: Using the built-in event makes the code cleaner and easier to debug.

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