【问题标题】:Button onClick, Cycle through Colors/Backgrounds按钮 onClick,循环显示颜色/背景
【发布时间】:2016-05-12 08:39:48
【问题描述】:

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

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

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

到目前为止,我知道 button1 以椭圆形(蓝色)开头,而 onClick 变成椭圆形2(红色)
所以我的问题是,如何添加另一个单击以将其更改为椭圆形3(绿色),然后将其循环回开始椭圆形(蓝色)?

MainActivity.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>

【问题讨论】:

    标签: android android-studio android-button


    【解决方案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));
    

    这应该会产生以下 MainActivity 代码:

    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();
            }
        }
    }
    

    【讨论】:

    • 我在执行您的建议时遇到了一点麻烦。我已经添加了整数数组,但至于其余的,无论我把它放在哪里,它都会破坏我的代码。我不确定我需要在哪里编辑代码才能使您建议的内容起作用。我现在只编码不到一个星期。但我决心让它发挥作用。如果有帮助的话,我已经添加了完整的 MainActivity.java 和 activity_main.xml
    • 我已将代码添加到您的 MainActivity 中,请尝试一下。如果您遇到一些错误,请将它们发布到您的问题正文中。
    • 代码工作正常,但它只是让我所有的按钮都看穿了白色。它不会在点击时添加额外的颜色。所以这似乎是我所在位置的倒退,因为我可以将按钮从蓝色变为红色,将按钮 2 从蓝色变为绿色。是否有类似“如果此按钮为红色,将颜色更改为绿色,然后如果此按钮为绿色,则将颜色更改为蓝色,然后如果此按钮为蓝色,则将颜色更改为紫色,然后如果此颜色为紫色,则返回开始/红色。冲洗并重复?
    • 您需要不同的开始颜色?但是更改red-&gt;green-&gt;blue-&gt;purple-&gt;red 的策略很常见,对吧?
    • 所有按钮的起始颜色都相同。每个按钮都将是彼此的精确副本。所以我只需要 1 个按钮,即可在循环中循环设置颜色。然后我会为每个其他按钮复制它。
    猜你喜欢
    • 1970-01-01
    • 2023-02-13
    • 1970-01-01
    • 1970-01-01
    • 2014-05-06
    • 2011-09-08
    • 2013-06-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多