点击按钮变色，松开按钮恢复原来的颜色

最新推荐文章于 2024-01-04 14:10:42 发布
最新推荐文章于 2024-01-04 14:10:42 发布
阅读量2.6k 收藏 2
点赞数
文章标签： javascript 移动开发 c# ViewUI
原文链接：http://www.cnblogs.com/lyd447113735/p/7692553.html
版权

　　安卓软件中有这样一种效果：假设一个按钮是绿色，当你点击时变成黄色，松开时又变回绿色。现在介绍怎么实现这种效果

 

第一种方法：资源文件写法

　　在主布局文件中定义一个按钮

　　然后在value文件夹下的color.xml文件中定义要用的颜色

              

定义完颜色后在背景文件drawable文件下新建一个布局用于添加动作，下图btn.xml

　　

btn.xml中的写法如下图，原理不介绍

 

最后在主布局中给按钮添加一个背景，就是上面第一张图中的

android:background="@drawable/btn"

将新建的btn.xml布局文件添加进去给按钮做背景，当然布局文件中的动作也添加进去了。然后就能产生效果了

 

转载于:https://www.cnblogs.com/lyd447113735/p/7692553.html

alex_wen2014
关注
按钮点击变色
hom158的博客
10-17 5326
实验题目: 编写程序ColorPane.java，实现按钮点击变色效果   解题代码: package p1; import java.awt.*; import javax.swing.*; import javax.swing.border.EmptyBorder; import java.awt.event.*; public class ColorPane extends J...
点击按钮切换颜色
qq_44538246的博客
05-17 4414
开发工具与关键技术：VS, ASP.NET MVC 作者：谭威 撰写时间：2019年5月15日 上图就是完成后的效果图，其实这些按钮的原始颜色都是白色的，为了少张图，我将偶数行的按钮都换成另外的颜色，讲到这里，想必不少人已经猜到我所要讲的地方了，没错，我要讲的就是点击操作下方的按钮后它就会从原始的白色切换到绿色，再点击一次，它又变成白色的按钮；看过我之前的文章的人知道，我之前讲过一个类似的，不过...
Element-UI中，按钮点击后松开鼠标颜色仍然聚焦的解决方法（纯css整体解决）
u014288878的博客
08-02 1317
在使用element-ui的过程中，发现按钮点击后存在聚焦问题，即点击后移开鼠标，按钮颜色不变回原来的样式，而是会加上一个:focus的偏暗的样式，只有在别处点击一下，才会清除效果，让我极为难受。
按钮点击变色再变回原色[addClass、removeClass、toggleClass操作HTMLDOM的属性（方法）]
H1453571548的博客
08-15 1076
按钮点击变色再变回原色[addClass、removeClass、toggleClass操作HTMLDOM的属性（方法）]
点击一次变色，再点击变回原色
xiaoxingxingzai的博客
10-24 4213
注意思路 <body> <div></div> <script type="text/javascript"> var div=document.getElementsByTagName('div')[0]; div.style.width='100px'; div.style.height='100px'; div....
【android】关于点击button1后改变颜色且保持，再点击别的button后颜色改变，button1变回原色
Jason___Lu的博客
05-26 1万+
【android】点击button1后改变颜色且保持，再点击别的button后颜色改变，button1变回原色。
Android Studio按钮点击变色效果实现 （点击变色，再次点击恢复）
m0_49558200的博客
03-12 1万+
Android Studio按钮点击变色效果实现 （点击变色，再次点击恢复）
Android的 Dialog自定义布局用法（弹窗），Button点击按住会变色，松开会恢复原来的颜色
qq_36570506的博客
04-16 1019
Android的 Dialog自定义布局用法（弹窗），Button点击按住会变色，松开会恢复原来的颜色
pycharm点击按钮变色，再次点击恢复默认色
最新发布
10-09
在PyCharm中，如果你想要为按钮添加点击效果，使其在被点击时改变颜色，然后再次点击恢复原色，你可以利用Python的Tkinter库或者更现代的Qt/Kivy库来创建GUI应用，并利用它们提供的样式和事件处理功能。 例如，在...
QT按钮按下变色松开恢复
05-25
可以通过编写槽函数实现按钮按下变色、松开恢复的效果。具体实现步骤如下： 1. 在 Qt 设计师中选中按钮控件，右键选择“转到槽”（或者在属性编辑器中选择...当用户松开按钮时，按钮的背景色会恢复原来的颜色。
QT按钮按下变色松开恢复完整程序
05-25
下面是一个简单的示例程序，点击按钮时按钮会变色，松开后恢复原来的颜色： ```cpp #include #include #include int main(int argc, char *argv[]) { QApplication app(argc, argv); QWidget widget; ...
element-ui按钮el-button,点击之后恢复之前的颜色
ybilss的博客
12-10 1347
使用el-button 按钮点击之后, 没有恢复到之前的颜色, 还是保持点击之后的颜色
QT之鼠标滑过按钮，按钮改变颜色，离开之后，按钮恢复原先颜色
我不是萧海哇的博客
07-23 3132
1、重写按钮类MyButton //myButton.h #include<QPushButton> #include<QEvent> class MyButton :public QPushButton { Q_OBJECT; public: MyButton(QWidget *parent = 0); ~MyButton(); public: void enterEvent(QEvent*); void leaveEvent(QEv
vue实现点击变色再次点击变回来，让你的页面变得更加动态
Shids_的博客
05-19 9849
vue实现点击变色再次点击变回来，让你的页面变得更加动态
Flutter用GridView实现网格功能（1、item设置一个外边框，2、item背景点击变色，松开恢复原色）
彬sir哥的博客
01-04 987
1、网格数据，我选择的是七个数据：图标和对应它的小标题。
点击按钮背景变灰色，松开恢复原来色
卓越无关环境，保持空杯心态——靡不有初，鲜克有终
06-09 3191
点赞再看，养成好习惯～～～～ demo有的页面有100多个列表项，需要点击列表项的时候背景变灰色，松开后背景恢复原来色，这个样式加上才让人更清楚地看到是点击的哪一个按钮，视觉友好。 最初的时候我是想用js逻辑去修改样式，如果点击了，那么就改为灰色，松开后，再改为白色。结果demo有100多个列表项，我也不可能加上100多个监听，我突然想起以前学的事件代理，然后就实践了一把。出现了如下代码 <script> ..... let ul = document.getElem.
C#winform 控件鼠标落下变色，鼠标挪开恢复原色
Lizhifun
10-12 6510
C#winform 控件鼠标落下变色，鼠标挪开恢复原色 主要是使用控件的两个事件，挺简单的 #region “文件”操作 private void label7_MouseEnter(object sender, EventArgs e) { label7.BackColor = Color.LightGray; }
Unity Button按下后颜色从Pressed恢复到Normal的问题
weixin_42264818的博客
11-27 1430
Button在点选之后，其颜色会变为Selected Color，鼠标从Button移开之后，Button的颜色并不能恢复到Normal Color状态的问题。
超链接（按钮）点击变色，原来的恢复原色
热门推荐
K先生的博客
04-03 1万+
网页超链接（按钮）点击变色，原来的恢复原色，这里所说的并不是利用css的link、hover、active所实现的，而是利用一小段js代码实现的。实现的效果为：我们看电影的时候，我们点击哪一集的链接，那么这个链接就会唯一变色，并且不会像css中的active失去焦点后恢复原色，能实时显示当前用户观看的电影集数。 原理：先定义一个变量t用来记录用户上一次点击的超链接id，当用户点击超链接的时候，会...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值