首页 > 其他分享 >Button按钮:得到鼠标焦点后自动放大,失去鼠标焦点后自动缩小

Button按钮:得到鼠标焦点后自动放大,失去鼠标焦点后自动缩小

时间:2023-07-14 16:00:11浏览次数:42  
标签:鼠标 button11 焦点 自动 Location 按钮 new

作用

程序设计过程中,我们经常需要增加一些动态效果,以此改善用户的使用体验。本文将介绍一种方法,动态显示按钮状态,使其得到鼠标焦点后自动放大,失去鼠标焦点后自动缩小。


 

效果图

先放一张原图(鼠标还未移动到按钮上):

 

获得鼠标焦点的Button按钮:(这里因为是图片,放大不明显,所以笔者将按钮字体也一起改变,以做“放大前和放大后”区分)


 

程序主要代码:

 

private void button11_MouseEnter(object sender, EventArgs e)//鼠标移动到按钮上发生的事件
        {
            button11.Font = new Font("隶书", 9);                                                                        //设置按钮字体样式
            button11.Width = 77;                                                                                         //设置按钮宽度
            button11.Height = 25;                                                                                          //设置按钮高度
            button11.Location = new Point(button11.Location.X-2,button11.Location.Y-2);
//控件放大后,位置也要稍微变换一下,不然效果会很违和
        }

        private void button11_MouseLeave(object sender, EventArgs e)//鼠标从按钮上移走时发生的事件
        {
            button11.Font = new Font("宋体", 9);                                                                        //设置按钮字体样式
            button11.Width = 75;                                                                                         //设置按钮宽度
            button11.Height = 23;                                                                                          //设置按钮高度
            button11.Location = new Point(button11.Location.X + 2, button11.Location.Y + 2);
//控件恢复原样后,位置也要恢复原样,不然效果会很违和
        }

 

标签:鼠标,button11,焦点,自动,Location,按钮,new
From: https://www.cnblogs.com/qianjindelaowu/p/17553763.html

相关文章

  • Python如何实现自动生成报表并以邮件发送
    Python如何实现自动生成报表并以邮件发送首先来介绍下实现自动报表要使用到的Python库:pymysql一个可以连接MySQL实例并且实现增删改查功能的库datetimePython标准库中自带的关于时间的库openpyxl一个可以读写07版以后的Excel文档(.xlsx格式也支持)的库smtplibSMTP即简单......
  • ckeditor粘贴word图片且图片文件自动上传组件
    ​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@     page contentType="text/html;cha......
  • ckeditor粘贴word图片且图片文件自动上传插件
    ​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来......
  • 自动装配和注解开发
    Bean自动装配autowire="ByName"bean的id要唯一和自动注入的属性的set方法的值一致autowire="ByType"bean的class要唯一和自动注入的属性的类型一致 使用注解自动装配可以不编写set方法使用@Autowiredxml配置中引入context文件头xmlns:cont......
  • dede ckeditor编辑器让上传图片自动使用绝对地址显示
    dedecmsckeditor编辑器让上传图片自动使用绝对地址显示,本教程适合织梦cmsv57,其他版本未测试。由于我们网站为了更好更有效的解决seo方案,于是在考虑到发布文章的时候,上传的正文图片,是非绝对路径的,于是我们把织梦cms默认编辑器ckeditor进行了小幅度的修改:首先我们打开织梦安装在......
  • postman 自动签名
    选择Pre-requestScripts,输入脚本md5varappKey=pm.environment.get("appKey");varappSecret=pm.environment.get("appSecret");varqueryParam=pm.request.url.query.members;vartimestamp=newDate().getTime();letparam=JSON.parse(&q......
  • ckeditor粘贴word图片且图片文件自动上传源码
    ​ 如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>......
  • ckeditor粘贴word图片且图片文件自动上传源代码
    ​  自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能......
  • 禁止鼠标左键选中,服复制网页内容
    今天分享一段来自于ChatGPT的禁止鼠标左键选中服复制网页内容的代码;有个老客户找到我说想禁止别人复制网站内容,他自己更新的内容总是被别人盗用,导致自己的网站排名下降;以下是完整代码,比较简单但是很是很实用,能同时禁止鼠标左键和右键,之前分享的解除网页屏蔽鼠标右键方法也无法破......
  • win11家庭版禁止自动更新
    1方法一(适用于找不到本地策略组的Windows11家庭中文版或其它同类型系统)1.1新建txt文档,粘贴以下内容@echooffpushd"%~dp0"dir/bC:\Windows\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientExtensions-Package~3*.mum>List.txtdir/bC:\Windows\servici......