Android上逐渐改变按钮颜色

Question

我希望能够在点击按钮后逐渐改变按钮颜色。我的意思是，按钮必须具有以下一组颜色：默认情况下为深深蓝色，然后是深蓝色，接着是蓝色，然后是浅蓝色，最后是最浅的蓝色。这只是一个例子，实际上我想循环改变按钮颜色，就像下面的代码一样。但是，我不明白为什么它不显示中间颜色。它只显示第一种颜色和最后一种颜色。

如何改进呢？

public class ActivityExample extends Activity {
private changeColorBtn;

@Override
protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_animations);

    changeColorBtn = (Button) findViewById(R.id.btn_change_color);

    changeColorBtn.setBackgroundColor(Color.BLACK);
    changeColorBtn.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            changeButtonColor(v);

        }
    });

}

private void changeButtonColor(View v) {
    // How many intermediate color will be, and delay in millisecond between them
    int count = 20, delay = 100;
    for (int i = 0; i < count; i++) {
        try {

            int color = ((ColorDrawable) changeColorBtn.getBackground())
                    .getColor();
            int blue = Color.blue(color), red = Color.red(color), green = Color.green(color);
            changeColorBtn.setBackgroundColor(Color.rgb(red+10, green+5, blue+3));

            Thread.sleep(delay);
        } catch (InterruptedException inE) {
        }
    }

}

@Override
protected void onSaveInstanceState(Bundle outState) {
    super.onSaveInstanceState(outState);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}

}

- Konstantin Selyuk

---

我猜测当你的循环执行时视图没有被重绘。我建议使用一个动画类。 - Larry McKenzie

你可以尝试在当前循环中请求重新绘制视图，但这不会像动画那样平滑或一致。 - Larry McKenzie

你的最低 Android 版本是多少？ - Larry McKenzie

只是一句话：你正在UI线程上调用Thread.sleep()，这会导致你的应用程序出现延迟... - mbrenon

我有minSdkVersion="13"。 - Konstantin Selyuk

那么，我的理解是，我应该使用动画来实现这个吗？ - Konstantin Selyuk

Answer 1

我使用TransitionDrawable解决了这个问题。您可以按照以下步骤操作：

• 在drawable文件夹中创建一个xml文件，并在其中编写类似于以下内容的代码：

`

<?xml version="1.0" encoding="UTF-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/color1" />
    <item android:drawable="@color/color2" />
</transition>

• 接下来，在按钮的xml（或其他元素/视图）中，您应该在android:background属性中引用这个TransitionDrawable。
• 另外，您应该将颜色存储为资源：为此，您必须创建以下类似的xml：

<?xml version="1.0" encoding="UTF-8"?>
<resources>
    <color name="color1">#990000</color>
    <color name="color2">#cc3311</color>
</resources>

请将此xml文件保存在/res/values/文件夹中，并将xml命名为color.xml。

• 在代码中启动转换：

`

int durationMillis = 2000;
TransitionDrawable transition = (TransitionDrawable) changeColorBtn.getBackground();
transition.startTransition(durationMillis);

这对我很有帮助，我希望它也能对其他人有用。

- Konstantin Selyuk