单击按钮，在颜色/背景之间循环

Question

我正在使用Android Studio
我想改变我的按钮的颜色，每次点击
循环使用大约10种颜色，然后在连续循环中重新开始。

例如，我使用setBackgroundResource(@drawable/oval)

oval = blue circle button  
oval2 = red circle button  
oval3 = green circle button and so on.  

到目前为止，我已经知道按钮1从椭圆形（蓝色）开始，onClick变成椭圆形2（红色）
所以我的问题是，如何添加另一个点击，将其更改为oval3（绿色），然后循环回起始椭圆（蓝色）？

主要活动.java

package com.example.shadowz.buttononclick;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.support.v4.app.Fragment;
import android.support.v4.view.TintableBackgroundView;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity
{
private Button colorChangeButton;
private TextView basicText;
private RelativeLayout background;
Button button1;
Button button2;
Button button3;
Button button4;
Button button5;
Drawable oval1;
Drawable oval2;
Drawable oval3;
Drawable oval4;
Drawable oval5;
@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    background = (RelativeLayout) findViewById(R.id.backgroundLayout);
    basicText = (TextView) findViewById(R.id.button1);
    colorChangeButton = (Button) findViewById(R.id.button1);
    // Code Break
    button1 = (Button) findViewById(R.id.button1);
    button2 = (Button) findViewById(R.id.button2);
    button3 = (Button) findViewById(R.id.button3);
    button4 = (Button) findViewById(R.id.button4);
    button5 = (Button) findViewById(R.id.button5);
    // Code Break
    button1.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            if (v == button1) {
                button1.setBackgroundResource(R.drawable.oval2);
            }
        }
    });
    // Code Break
    button2.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            if (v == button2) {
                button2.setBackgroundResource(R.drawable.oval3);
            }
        }
    });
    // Code Break
    button3.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            if (v == button3) {
                button3.setBackgroundResource(R.drawable.oval4);
            }
        }
    });
    // Code Break
    button4.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            if (v == button4) {
                button4.setBackgroundResource(R.drawable.oval5);
            }
        }
    });
    // Code Break
    button5.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            if (v == button5) {
                button5.setBackgroundResource(R.drawable.oval6);
            }
        }
    });
}
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.shadowz.buttononclick.MainActivity"
android:id="@+id/backgroundLayout">
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!" />
<Button
    android:id="@+id/button1"
    android:layout_width="140dp"
    android:layout_height="140dp"
    android:text="button1"
    android:background="@drawable/oval"
    android:padding="@dimen/abc_action_bar_content_inset_material"
    android:layout_below="@+id/button3"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />
<Button
    android:id="@+id/button2"
    android:layout_width="140dp"
    android:layout_height="140dp"
    android:text="button2"
    android:background="@drawable/oval"
    android:layout_alignTop="@+id/button1"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true" />
<Button
    android:id="@+id/button3"
    android:layout_width="140dp"
    android:layout_height="140dp"
    android:text="button3"
    android:background="@drawable/oval"
    android:singleLine="false"
    android:layout_centerVertical="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />
<Button
    android:id="@+id/button4"
    android:layout_width="140dp"
    android:layout_height="140dp"
    android:text="button4"
    android:background="@drawable/oval"
    android:padding="@dimen/abc_action_bar_content_inset_material"
    android:layout_above="@+id/button2"
    android:layout_alignLeft="@+id/button2"
    android:layout_alignStart="@+id/button2" />
<Button
    android:id="@+id/button5"
    android:layout_width="140dp"
    android:layout_height="140dp"
    android:text="button5"
    android:background="@drawable/oval"
    android:padding="@dimen/abc_action_bar_content_inset_material"
    android:layout_alignBottom="@+id/button1"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="78dp" />

</RelativeLayout>

Answer 1

您可以通过以下方式实现：

在资源中创建整数数组：

<integer-array name="backgrounds">
    <item>@drawable/oval1</item>
    <item>@drawable/oval2</item>
    <item>@drawable/oval3</item>
    <item>@drawable/oval4</item>
    <item>@drawable/oval5</item>
</integer-array>

然后在类代码中创建特殊的OnClickListener类

private static class MyClickListener implements View.OnClickListener {
    private int mBackgroundIndex = 0;
    private final TypedArray mBackgrounds;
    public MyClickListener(Context context) {
        mBackgrounds = context.getResources().obtainTypedArray(R.array.backgrounds);
    }
    @Override
    public void onClick(View v) {
        mBackgroundIndex++;
        if (mBackgroundIndex >= mBackgrounds.length()) {
            mBackgroundIndex = 0;
        }
        v.setBackgroundResource(mBackgrounds.getResourceId(mBackgroundIndex, 0));
    }
    @Override
    protected void finalize() throws Throwable {
        mBackgrounds.recycle();
        super.finalize();
    }
}

然后将侦听器设置为每个按钮：

button1.setOnClickListener(new MyClickListener(this));
button2.setOnClickListener(new MyClickListener(this));
button3.setOnClickListener(new MyClickListener(this));
button4.setOnClickListener(new MyClickListener(this));
button5.setOnClickListener(new MyClickListener(this));

这将导致以下主活动代码：

package com.example.shadowz.buttononclick;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.support.v4.app.Fragment;
import android.support.v4.view.TintableBackgroundView;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
    private Button colorChangeButton;
    private TextView basicText;
    private RelativeLayout background;
    Button button1;
    Button button2;
    Button button3;
    Button button4;
    Button button5;
    Drawable oval1;
    Drawable oval2;
    Drawable oval3;
    Drawable oval4;
    Drawable oval5;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        background = (RelativeLayout) findViewById(R.id.backgroundLayout);
        basicText = (TextView) findViewById(R.id.button1);
        colorChangeButton = (Button) findViewById(R.id.button1);
        // Code Break
        button1 = (Button) findViewById(R.id.button1);
        button2 = (Button) findViewById(R.id.button2);
        button3 = (Button) findViewById(R.id.button3);
        button4 = (Button) findViewById(R.id.button4);
        button5 = (Button) findViewById(R.id.button5);
        button1.setOnClickListener(new MyClickListener(this));
        button2.setOnClickListener(new MyClickListener(this));
        button3.setOnClickListener(new MyClickListener(this));
        button4.setOnClickListener(new MyClickListener(this));
        button5.setOnClickListener(new MyClickListener(this));
    }
    private static class MyClickListener implements View.OnClickListener {
        private int mBackgroundIndex = 0;
        private final TypedArray mBackgrounds;
        public MyClickListener(Context context) {
            mBackgrounds = context.getResources().obtainTypedArray(R.array.backgrounds);
        }
        @Override
        public void onClick(View v) {
            mBackgroundIndex++;
            if (mBackgroundIndex >= mBackgrounds.length()) {
                mBackgroundIndex = 0;
            }
            v.setBackgroundResource(mBackgrounds.getResourceId(mBackgroundIndex, 0));
        }
        @Override
        protected void finalize() throws Throwable {
            mBackgrounds.recycle();
            super.finalize();
        }
    }
}