如何设置此功能，以便在单击按钮时数字选​​择器中的值发生变化，反之亦然？

Question

I want to be able to check one one of the eleven buttons I currently have set up and have the value of the button update inside a custom number picker I made and vice versa. So that if I pick a number in the number picker, I want the button to be depressed/clicked on for that same value.

I'm looking for the best/most reasonable approach. I was thinking maybe if I put everything inside an if-else statement but I'm not sure how that would work.

Here's my code so far:

 int buttonValue = 0;

   //onClickListener method that returns an interface
    private View.OnClickListener createClickListener(final int value) {
        return new View.OnClickListener()  {

            @Override
            public void onClick(View view) {

                buttonValue = value;

                ToggleButton clickedButton = (ToggleButton) view;
                RadioGroup radioGroup= (RadioGroup) clickedButton.getParent();

                for (int i = 0; i < radioGroup.getChildCount(); ++i) {
                    View nextChild = radioGroup.getChildAt(i);
                    if (!(nextChild instanceof ToggleButton)) {
                        continue;
                    }
                    if (nextChild.getId() != clickedButton.getId() || !clickedButton.isChecked()) {
                        ToggleButton tb2 = (ToggleButton) nextChild;
                        tb2.setChecked(false);
                    }
                }
            }

        };
    }



   @Override
            public Object instantiateItem(ViewGroup parent, final int position) {

                final int delPosition = position;
                //Get the inflater
                LayoutInflater inflater = (LayoutInflater) parent.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

                //inflate the root layout
                View view = inflater.inflate(R.layout.collection, null);

                //scores toggle buttons
                zero = (ToggleButton) view.findViewById(R.id.number_zero);
                one = (ToggleButton) view.findViewById(R.id.number_one);
                two = (ToggleButton) view.findViewById(R.id.number_two);
                three = (ToggleButton) view.findViewById(R.id.number_three);
                four = (ToggleButton) view.findViewById(R.id.number_four);
                five = (ToggleButton) view.findViewById(R.id.number_five);
                six = (ToggleButton) view.findViewById(R.id.number_six);
                seven = (ToggleButton) view.findViewById(R.id.number_seven);
                eight = (ToggleButton) view.findViewById(R.id.number_eight);
                nine = (ToggleButton) view.findViewById(R.id.number_nine);
                ten = (ToggleButton) view.findViewById(R.id.number_ten);

                zero.setOnClickListener(createClickListener(0));
                one.setOnClickListener(createClickListener(1));
                two.setOnClickListener(createClickListener(2));
                three.setOnClickListener(createClickListener(3));
                four.setOnClickListener(createClickListener(4));
                five.setOnClickListener(createClickListener(5));
                six.setOnClickListener(createClickListener(6));
                seven.setOnClickListener(createClickListener(7));
                eight.setOnClickListener(createClickListener(8));
                nine.setOnClickListener(createClickListener(9));
                ten.setOnClickListener(createClickListener(10));

                final ImageView plus_button = (ImageView) view.findViewById(R.id.plus_sign);
                final ImageView minus_button = (ImageView) view.findViewById(R.id.minus_sign);

                final int[] counter = {0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10};
                final TextView num = (TextView) view.findViewById(R.id.num);
                num.setText(Integer.toString(counter[0]));

                  plus_button.setOnClickListener(new View.OnClickListener() {
                        public void onClick(View view, final int value) {

                            if (plus_button.isPressed()) {

                                if ((counter[0] <= 9) && (counter[0] >= 0)) {

                                    counter[0]++;
                                    num.setText(Integer.toString(counter[0]));
                                    buttonValue = Integer.parseInt(num.getText().toString());
                                }
                            }

                        }
                    });

                    minus_button.setOnClickListener(new View.OnClickListener() {
                        public void onClick(View view) {

                            if (minus_button.isPressed()) {

                                if ((counter[0] <= 10) && (counter[0] > 0)) {
                                    counter[0]--;
                                    num.setText(Integer.toString(counter[0]));
                                    buttonValue = Integer.parseInt(num.getText().toString());
                                }
                            }
                        }
                    });

                parent.addView(view, 0);
                return view;
            }

Here's part of the xml file:

//Custom number picker


        <ImageView
                android:id="@+id/minus_sign"
                android:src="@drawable/minus"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:layout_row="0"
                android:layout_column="0"
                />

        <TextView
                android:id="@+id/num"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:layout_column="1"
                android:layout_row="0"
                />

        <ImageView

                android:id="@+id/plus_sign"
                android:src="@drawable/plus"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:layout_row="0"
                android:layout_column="2"
                />


//The buttons are toggle buttons inside a radiogroup 

<RadioGroup>

        <ToggleButton

                    android:id="@+id/number_zero"
                    android:layout_width="25sp"
                    android:layout_height="35sp"
                    android:textOn="@string/number_zero"
                    android:textOff="@string/number_zero"
                    android:background="@drawable/number_color"
                    />

        <ToggleButton
                    android:id="@+id/number_one"
                    android:layout_width="25sp"
                    android:layout_height="35sp"
                    android:textOn="@string/number_one"
                    android:textOff="@string/number_one"
                    android:background="@drawable/number_color"
                />
</RadioGroup> 

Answer 1

For your collection of toggle buttons, use LinearLayout or RelativeLayout or any other type that can be cast to ViewGroup . Then after you inflated the view, cast it to ViewGroup , then use view.getChildAt(i) to get the corresponding ToggleButton . Better than finding all buttons by id, wouldn't it?

This is similar to what you've done to the radio buttons.

--

  int buttonValue = 0;

   //onClickListener method that returns an interface
   private View.OnClickListener createClickListener(final int value) {
    return new View.OnClickListener()  {

        @Override
        public void onClick(View view) {

            buttonValue = value;

            ToggleButton clickedButton = (ToggleButton) view;
            RadioGroup radioGroup= (RadioGroup) clickedButton.getParent();

            // **Change your TextView here
            ...

            // **Keep these since you still want to update all buttons
            for (int i = 0; i < radioGroup.getChildCount(); ++i) {
                View nextChild = radioGroup.getChildAt(i);
                if (!(nextChild instanceof ToggleButton)) {
                    continue;
                }
                if (nextChild.getId() != clickedButton.getId() || !clickedButton.isChecked()) {
                    ToggleButton tb2 = (ToggleButton) nextChild;
                    tb2.setChecked(false);
                }
            }
        }

    };
}



   @Override
        public Object instantiateItem(ViewGroup parent, final int position) {

            final int delPosition = position;
            //Get the inflater
            LayoutInflater inflater = (LayoutInflater)     parent.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

            //inflate the root layout
            View view = inflater.inflate(R.layout.collection, null);

            // **Initialize your components earlier
            final int[] counter = {0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10};
            final TextView num = (TextView) view.findViewById(R.id.num);
            num.setText(Integer.toString(counter[0]));

            // **Give your RadioGroup an id so that you can find it here
            ViewGroup group = view.findViewById(...);
            // **Loop through this group then for each child, set your listener
           for (...){
                      child=group.getChildAt(i);
                      child.setOnClickListener(createClickListener(i));
            }

            final ImageView plus_button = (ImageView) view.findViewById(R.id.plus_sign);
            final ImageView minus_button = (ImageView) view.findViewById(R.id.minus_sign);


              plus_button.setOnClickListener(new View.OnClickListener() {
                    public void onClick(View view, final int value) {

                        if (plus_button.isPressed()) {

                            if ((counter[0] <= 9) && (counter[0] >= 0)) {

                                counter[0]++;
                                num.setText(Integer.toString(counter[0]));
                                buttonValue = Integer.parseInt(num.getText().toString());
                                // **Use the loop here again to update all buttons
                                for (int i = 0; i < group.getChildCount(); ++i) {
                                         View nextChild = group.getChildAt(i);
                                         ToggleButton tb2 = (ToggleButton) nextChild;
                                         if (i==buttonValue) {
                                         tb2.setChecked(true);
                                      } else {tb2.setChecked(false);}
                                }
                            }
                        }

                    }
                });

                minus_button.setOnClickListener(new View.OnClickListener() {
                    public void onClick(View view) {

                        if (minus_button.isPressed()) {

                            if ((counter[0] <= 10) && (counter[0] > 0)) {
                                counter[0]--;
                                num.setText(Integer.toString(counter[0]));
                                buttonValue = Integer.parseInt(num.getText().toString());
                                // **Use the loop here again to update all buttons
                                for (int i = 0; i < group.getChildCount(); ++i) {
                                         View nextChild = group.getChildAt(i);
                                         ToggleButton tb2 = (ToggleButton) nextChild;
                                         if (i==buttonValue) {
                                         tb2.setChecked(true);
                                      } else {tb2.setChecked(false);}
                                }
                            }
                        }
                    }
                });

            parent.addView(view, 0);
            return view;
        }

--

You run your loop for setting click listeners on this RadioGroup in your xml only . Do not run your loop on the entire xml

<RadioGroup>

    <ToggleButton

                android:id="@+id/number_zero"
                android:layout_width="25sp"
                android:layout_height="35sp"
                android:textOn="@string/number_zero"
                android:textOff="@string/number_zero"
                android:background="@drawable/number_color"
                />

    <ToggleButton
                android:id="@+id/number_one"
                android:layout_width="25sp"
                android:layout_height="35sp"
                android:textOn="@string/number_one"
                android:textOff="@string/number_one"
                android:background="@drawable/number_color"
            />
  </RadioGroup> 

Answer 2

You could store all of your togglebuttons inside of an array.

Keep a global int for the currently selected toggle button's index value. (This should always be between 0 and 10)

Write a refreshUI function. It should remove the high light from the toggle buttons, then it should go to the toggle button located at that global index value inside the array and high light it. It should also write that toggle buttons value in the text view.

When a toggle button is pressed, update the global index value to where in the array that toggle button is located and then refreshUI.

When a plus/minus is pressed, make sure the global index value is within 0-10 range, change it (by +1 or -1) and refreshUI.

// Class fields.
private int lastButtonIndex = 0;
// In the onCreate method put all the toggle buttons in this array.
private ToggleButton[] toggleButtons=new ToggleButton[11]; 

private void refreshUI(){ 
   for(ToggleButton button : toggleButtons){
     //set each button background to white.
   }
   // set the background color of the toggleButtons[lastButtonIndex] to red.
   // set the textview text to the value of toggleButtons[lastButtonIndex].
}