ImageButton - 按下时切换颜色

时间:2012-08-16 19:24:14

标签: android android-button android-custom-view

当用户按下ImageButton时,如何切换ImageButton的颜色?

我希望ImageButton在按下时在红色(电源关闭)和绿色(电源)之间切换。

代码:

    ImageButton star, power;
Intent i;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    star = (ImageButton)findViewById(R.id.ibStar);
    star.setOnClickListener(this);

    power = (ImageButton)findViewById(R.id.ibPower);
    power.setOnTouchListener(this);


}

public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN ) {
        power.setImageResource(R.drawable.power);

    }
     else if (event.getAction() == MotionEvent.ACTION_UP ) {
        power.setImageResource(R.drawable.power_off);

    }

    return true;
}

3 个答案:

答案 0 :(得分:2)

我认为这就是你所需要的。

ImageButton star, power;
Intent i;
boolean isOn=false;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    star = (ImageButton)findViewById(R.id.ibStar);
    star.setOnClickListener(this);

    power = (ImageButton)findViewById(R.id.ibPower);
    power.setOnTouchListener(this);


}

public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN ) {
        isOn=!isOn; // change its state to the oposite one

        if(isOn)
            power.setImageResource(R.drawable.power);
        else
            power.setImageResource(R.drawable.power_off);
    }

    return true;
}

答案 1 :(得分:1)

尝试使用OnClickListener代替OnTouch。有几种方法可以解决这种情况。

一种方法是让booleantruefalse之间切换,表示电源是打开还是关闭。然后在按下ImageButton时检查该值,并相应地更改ImageButton的颜色。

/* The boolean below is
 * declared in the 
 * class and not in a method. 
 * Whatever default value you need, i assumed false. */
private boolean isPowerOn = false;

power = (ImageButton)findViewById(R.id.ibPower);
power.setOnClickListener(new OnClickListener() {
    @Override
        public void onClick(View v) {
            if (isPowerOn) {
                /* set color to red */
                isPowerOn = false;
            } else {
                /* set power to green */
                isPowerOn = true;
            }
        }
    });

您可以在按下时检查ImageButton的颜色,然后相应地更改颜色。这种方式看起来有点时髦。使用boolean方法。

答案 2 :(得分:0)

如果您想让按钮按下事件显示不同的颜色(即在按下事件期间),请使用选择器,如Button Background Selector所示。

如果您希望在onClick事件后按钮颜色在红色和绿色之间切换,则使用onClickListener()(伪代码):

onClick(ImageButton ib)
{
 if (button is green)
  ib.setImageResource(red)
 else
  ib.setImageResource(green)
}