Android开发：Button点击循环为TextView设置Firebase数据及背景色

Hey there! No worries about being new here—we’ve all been there 😊. Let’s tackle your problem step by step.

The core idea here is to track which TextView we’re currently working with using a counter, then pair it up with the corresponding element from your Firebase ArrayList each time the button is clicked. Here’s how to implement this:

Step 1: Set up your tracking variables and TextView collection #

First, we’ll need a counter to keep track of our current position, plus a list to hold all your TextViews so we can easily access them by index.

Java Example:

// Declare these at the top of your Activity
private List<TextView> textViewList;
private List<String> firebaseDataList; // This is the list you get from Firebase
private int currentIndex = 0;

Kotlin Example:

// Declare these at the top of your Activity
private val textViewList = mutableListOf<TextView>()
private lateinit var firebaseDataList: List<String> // Your Firebase data list
private var currentIndex = 0

Step 2: Initialize the TextView list in onCreate #

In your onCreate method, add all your target TextViews to the list. Make sure you’ve already fetched your Firebase data before setting up the button click listener (otherwise the list might be empty!).

Java Example:

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

    // Populate the TextView list with your views
    textViewList = new ArrayList<>();
    textViewList.add(findViewById(R.id.textView1));
    textViewList.add(findViewById(R.id.textView2));
    textViewList.add(findViewById(R.id.textView3)); // Add all your TextViews here

    // Assume you've already fetched firebaseDataList from Firebase here
    // ... Firebase fetch logic ...

    // Set up the button click listener
    setupButtonClickListener();
}

Kotlin Example:

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.your_activity_layout)

    // Populate the TextView list
    textViewList.add(findViewById(R.id.textView1))
    textViewList.add(findViewById(R.id.textView2))
    textViewList.add(findViewById(R.id.textView3))

    // Fetch Firebase data here first
    // ... Firebase fetch logic ...

    // Set up button listener
    setupButtonClickListener()
}

Step 3: Implement the button click logic #

Now, write the click listener that updates the corresponding TextView each time the button is pressed. We’ll check if we’re still within bounds of both the TextView list and Firebase data list to avoid crashes.

Java Example:

private void setupButtonClickListener() {
    Button updateButton = findViewById(R.id.your_button_id);
    updateButton.setOnClickListener(v -> {
        // Check if we haven't processed all TextViews yet
        if (currentIndex < textViewList.size() && currentIndex < firebaseDataList.size()) {
            TextView currentTextView = textViewList.get(currentIndex);
            String dataFromFirebase = firebaseDataList.get(currentIndex);

            // Update background color to red
            currentTextView.setBackgroundColor(Color.RED);
            // Update text with Firebase string
            currentTextView.setText(dataFromFirebase);

            // Move to the next TextView for the next click
            currentIndex++;

            // Optional: Disable the button once all TextViews are processed
            if (currentIndex >= textViewList.size()) {
                updateButton.setEnabled(false);
                // Or reset the index if you want to cycle through again:
                // currentIndex = 0;
            }
        }
    });
}

Kotlin Example:

private fun setupButtonClickListener() {
    val updateButton = findViewById<Button>(R.id.your_button_id)
    updateButton.setOnClickListener {
        if (currentIndex < textViewList.size && currentIndex < firebaseDataList.size) {
            val currentTextView = textViewList[currentIndex]
            val dataFromFirebase = firebaseDataList[currentIndex]

            currentTextView.setBackgroundColor(Color.RED)
            currentTextView.text = dataFromFirebase

            currentIndex++

            // Optional: Disable button when done, or reset index
            if (currentIndex >= textViewList.size) {
                it.isEnabled = false
                // currentIndex = 0 // Uncomment to cycle repeatedly
            }
        }
    }
}

Key Notes: #

• Firebase Data Timing: Make sure your Firebase ArrayList is fully loaded before setting up the button listener. If you’re fetching data asynchronously, move the setupButtonClickListener() call inside the Firebase callback (after the data is retrieved).
• Bounds Checking: The checks for currentIndex < textViewList.size() and currentIndex < firebaseDataList.size() prevent IndexOutOfBoundsException if your lists are different lengths.
• Reset Option: If you want the button to cycle through the TextViews repeatedly instead of disabling, just reset currentIndex to 0 once it reaches the end of the list.

That should do the trick! Let me know if you run into any issues with your specific code.

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