在实际项目中,为了提供给用户更加好的用户体验,在点击按钮时,要能显示按钮被按下时的状态,给用户一种动态的感觉。
其实这在程序中实现起来也比较容易,只需多一张按钮背景图片即可,在按钮没有按下或者弹起时显示一种状态图,在按钮被压下时
显示另外一种状态图。
具体实现就是除了写按钮的Click方法,还要写按钮的MouseUp和MouseDown事件。
示例代码如下:
/// <summary>
/// 网上订购画面刷新按钮(弹起状态时)
/// </summary>
private string strPurchaseRefreshBtnImg = Application.StartupPath + "\\Resources\\" + "btnRefresh.png";
/// <summary>
/// 网上订购画面刷新按钮(压下状态时)
/// </summary>
private string strPurchaseRefreshBtnDownImg = Application.StartupPath + "\\Resources\\" + "btnRefresh_Down.png";
/// <summary>
/// 按下Refresh时发生
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnRefresh_MouseDown(object sender, MouseEventArgs e)
{
btnRefresh.BackgroundImage = Image.FromFile(strPurchaseRefreshBtnDownImg);
}
/// <summary>
/// 松开Refresh按钮时发生
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnRefresh_MouseUp(object sender, MouseEventArgs e)
{
btnRefresh.BackgroundImage = Image.FromFile(strPurchaseRefreshBtnImg);
}
/// <summary>
/// 刷新页面
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnRefresh_Click(object sender, EventArgs e)
{
//do something...
}
分享到:
相关推荐
主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下
用Axure实现单选按钮交互效果,比如我们点击按钮,展开内容,再点击一次则内容影城起来,并且加上动画效果.有详细的图文结合
动画效果如下: GIF看起来可能会有点卡 wxml 确定 wxss .confirm{ width: 325rpx; height: 80rpx; background: #07c160; border-radius: 6rpx; font-size: 30rpx; color: #fff; line-height: 80rpx; text...
经典Qt按钮互斥效果,按钮的三种状态,显示背景及前置背景,响应,利用纯代码实现。
tab滑动门效果,不同按钮显示不容内容
本资源利用Qt实现了按钮的状态变化,鼠标移动到按钮上按钮改变颜色,离开变回原来状态,点击按钮弹出一个对话框
拖动Button的显示效果,Android按钮拖动显示实例,小编的android编译环境又出问题了,暂时没来得及抓个运行图,不好意思啊,反正是个与按钮有关的Android实例源码,要的就下载吧。
本文实例讲述了JS简单实现点击按钮或文字显示遮罩层的方法。分享给大家供大家参考,具体如下: 运行效果图如下: 完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <...
这是小程序 本地盘符有相应的图片文件 运行加载 就可以看见效果 图片通过点击按钮 可以达到缩小或放大的作用
页面点击按钮后出现遮罩层,遮罩层上面有其他内容可显示,包含关闭遮罩层按钮。 需要显示详情,但是不想从新写一个页面。所以选择弹出层,一层遮罩层,一层显示详情层,遮罩层的好处可以让用户在看详情的时候不能...
可以任意设置图片中文字和图片位置、以及鼠标移入、移出、摁下按钮时要在自定义按钮中显示的图片。编译环境是Qt5.9.4+MinGW32+Creator4.5.0。下面博客是对源代码的原理讲解和代码运行效果图文示例讲解:...
可点击按钮横向缓缓展开控件,再次点击缓缓收回控件列表。可渐渐隐藏或显示label,有动画效果。label可换成任意控件。
jQuery点击滑动显示分享按钮代码是一款基于jQuery CSS3实现的点击滑动显示分享按钮,点击关闭收缩隐藏效果代码。
js代码 [removed] const button = document.querySelector('.button');... css3点击提交按钮加载进度条动画特效是一款简单美观的css3点击表单提交按钮、显示图标加载进度条的按钮加载动画特效。
HTML5 把进度条显示在按钮中,打开测试页面,点击“Activate me”按钮,即可看到渐变的三个按钮,然后紧接着在按钮底部出现进度条,当进度条加载到100%时,该按钮渐变消失。本效果可广泛应用于智能手机的一些App中。
点击两侧的按钮,图片会自动左右切换 特点: 1、当不需要滚动即可显示完毕的时候,会自动隐藏两侧按钮 2、滚动部分ul的宽度,js会自动判断,并取一半的值,这样就会自动折算成两行 使用方法: 1...
jQuery点击滑动显示分享按钮代码是一款基于jQuery+CSS3实现的点击滑动显示分享按钮,点击关闭收缩隐藏效果代码。
一般情况下,你可以使用`<div>`元素作为轮播图容器,并在其中创建其他子元素来显示轮播图片和控制按钮。... - 点选切换:为每个点选按钮设置点击事件,点击时更新当前显示的图片,并高亮显示选中的按钮。
记得很早以前我们分享过一款纯CSS3 3D按钮 按钮酷似牛奶般剔透,...这次我们要分享的同样是一款基于CSS3的3D按钮应用,这个按钮的特点是在黑色背景下,点击按钮会有弹性的动画特效,同时可以显示一个发光的选中图标。
全屏loading图有遮罩效果 当显示全屏loading图时无法操作页面上的按钮