您的位置:首页
初学ToggleButton 点击button,更换button背景图片;再次点击,恢复之前背景图
2017-05-26 10:49
495 查看
上方的图标,R.drawable.register_checked 是选中图片
下方的图标, R.drawable.register_unchecked 是未选中图片
默认是上方的选中效果。点击button。取消选中;再次点击button。再次选中。
事实上这是两张图片。关键在于图片必须跟着button改变。
一開始想用Button实现,纠结了非常久。仅仅有按上去和松开的效果,并没有点击后变背景图片的效果。
后来百度了非常久,找到能够 用ToggleButton实现我想要的效果。在这里与大家分享。
XML:
android:textOn=""
android:textOff=""
这里若不设置文本内容为空,它会有默认的文字显示在背景图之上
<ToggleButton
android:id="@+id/btn_register_sms_confirm"
android:layout_width="30dip"
android:layout_height="24dip"
android:textOn=""
android:textOff=""
android:background="@drawable/register_checked"/> <!--这里是默认选中图片-->
JAVA:
引包的时候注意,别引错了。
import android.widget.CompoundButton.OnCheckedChangeListener;
这里是选中状态监听事件,不是点击事件
findViewById(R.id.btn_register_sms_confirm).setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
btnSmsConfirm.setChecked(isChecked);
btnSmsConfirm.setBackgroundResource(isChecked?R.drawable.register_checked:R.drawable.register_unchecked);
}
});
相关文章推荐
- 初学ToggleButton 点击按钮,更换按钮背景图片;再次点击,恢复之前背景图
- js点击更换背景颜色或图片的实例代码
- WPF之路二: button添加背景图片点击后图片闪烁问题
- iOS中点击button切换背景图片与点击切换背景颜色问题的解释
- ImageButton点击替换背景再次点击显示默认图片
- 点击button,button背景图片变化
- ios:点击一个button不断切换背景图片
- ToggleButton 点击更换图片的方法
- 点击Button选择切换背景图片设置
- andoid点击按钮(ImageButton)时改变按钮的背景图片 SelectorDemo
- 点击是图片变大,再次点击图片恢复原样
- 点击button,button背景图片变化
- 通过点击按钮-更换JPanel的背景图片
- [js]点击更换背景颜色/图片
- android bundle 在activity之间传递数据 点击一组图片放大,再次点击恢复
- 用JS实现点击DIV改变背景样式,再次点击后背景恢复
- button点击切换背景图片的问题
- 点击更换图片,再次点击,图片回归原样
- Android studio 通过xml文件设置点击按钮按钮时更换背景,松开时恢复的功能
- iOS-UIImageView点击图片放大,再次点击恢复原始尺寸