首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Excel实战技巧65: 制作漂亮用户窗体按钮——当鼠标移动到按钮时高亮显示

下面,我们来实现当鼠标移动到用户窗体按钮时,会使用颜色高亮显示,让用户窗体更生动,如下图1所示。 ? 其实,你在图1中看到按钮并不是用户窗体内置传统命令按钮,而是使用图像控件来制作。...由于图像是静态,在运行时不能更改颜色,因此每个按钮都由两个图像组成,一个图像代表鼠标悬浮在按钮状态,另一个图像代表鼠标未悬浮在按钮状态。...复制一个刚才绘制图像控件,如下图6所示。 ? 这个图像将代码鼠标不在按钮状态。...,绿色按钮显示,白色按钮隐藏。...,绿色按钮显示,白色按钮隐藏。

7.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

委托(一个主窗体统计多个从窗体按钮单击次数)

最近在学习金老师《.NET2.0面向对象编程揭秘》,学到了13章,委托、事件驱动和异步调用。书上有个试一试,要求:利用委托,达到一个主窗体统计多个从窗体按钮单击次数。...        } 21 22 private void btnClick_Click(object sender, EventArgs e) 23         { 24 //创建从窗体对象并显示...20 //委托变量recorder 21 public ShowInfo recorder; 22 private static int counter = 0;//计数器,使用static可以多个从窗体点击计数...                recorder(counter.ToString()); 29             } 30         } 31     } 32 } 之后,我想进一步修改,在一个主窗体单击按钮...,多个从窗体同时显示单击次数。

1.3K80

简单了解产品设计中如何使用移动弹窗?

弹窗可以使用户不离开当前页面的情况下,完成轻量级流程,并使用户可以聚焦在弹窗有效信息。 移动弹窗主要针对于应用在手机、平板等移动设备弹窗体系。...在IOS开发文档中定义: 模态需要用户显式操作回应才可以退出,会打断用户正常操作流程,不能继续其他操作。 模态可以帮助用户专注于一个独立任务或者一组密切相关选项。...02 弹窗样式及应用 弹窗主要样式(参考IOS开发者文档): 2.1、非模态弹窗: 2.1.1、提示(Toast) 提示框是一种非模态弹窗,弹出一个弹窗展示信息,作为提醒或消息反馈来用,一般可以用来做显示操作结果或者应用状态改变等...对话框标题和摘要描述都要求尽可能简洁和无异义,也可以省略标题。 对话框出现三个或以上功能按钮,将会增加用户功能选择负担,所以需要使用多个功能按钮选择时候请考虑使用功能表。...操作列表一般都设计有一个默认“取消”功能按钮,点击取消按钮可以关闭弹窗,用户点击弹窗以外区域时相当于进行了点击“取消”功能按钮默认回应。 操作列表一般被设计用来向用户展示多个功能按钮选择。

1.6K40

模态最佳实践

2 内容概要 来自 Wikipedia 定义:模态框是一个定位于应用视窗定层元素。它创造了一种模式让自身保持在一个最外层子视察下显示,并让主视窗失效。用户必须在回到主视窗前在它上面做交互动作。...可以是模态框上一个按钮,可以是键盘上一个按键,也可以是模态框外区域。 描述性标题。标题其实给了用户一个上下文信息。让用户知道他现在在哪个位置作操作。 按钮内容。...它一定要是可行动,可以理解。不要试图让按钮内容让用户迷惑,如果你尝试做一个取消动作,但框内有一个取消按钮,那么我是要取消一个取消呢,还是继续我取消。 大小与位置。...用用户动作,比如一个按钮点击来触发模态出现。 模态框在移动端 模态框在移动端总是不是玩转得很好。其中一个原因是一般来说模态框都太大了,占用了太多空间。...如果他用了前者,你能不能保证你网页依然能够正常展示内容? 可访问性一直都是产品极其忽视,在文章最佳实践最后特别强调了它是怎么做,对我们这些开发者是很好督促。

1.4K40

精读《模态最佳实践》

2 内容概要 来自 Wikipedia 定义:模态框是一个定位于应用视窗定层元素。它创造了一种模式让自身保持在一个最外层子视察下显示,并让主视窗失效。用户必须在回到主视窗前在它上面做交互动作。...可以是模态框上一个按钮,可以是键盘上一个按键,也可以是模态框外区域。 描述性标题。标题其实给了用户一个上下文信息。让用户知道他现在在哪个位置作操作。 按钮内容。...它一定要是可行动,可以理解。不要试图让按钮内容让用户迷惑,如果你尝试做一个取消动作,但框内有一个取消按钮,那么我是要取消一个取消呢,还是继续我取消。 大小与位置。...用用户动作,比如一个按钮点击来触发模态出现。 模态框在移动端 模态框在移动端总是不是玩转得很好。其中一个原因是一般来说模态框都太大了,占用了太多空间。...如果他用了前者,你能不能保证你网页依然能够正常展示内容? 可访问性一直都是产品极其忽视,在文章最佳实践最后特别强调了它是怎么做,对我们这些开发者是很好督促。

53610

对话框、模态框和弹出框看起来很相似,它们有何不同?

在 DOM 中最先出现元素会被绘制在第一位,随后每个元素都在前一个元素之上,而 DOM 中最后一个元素则被绘制在最后,位于最上面。...属性适用于以下 UI 组件: 位于其他页面内容之上 UI 组件 并不总是可见(只有发生与它们相关交互时可见),也被称为“短暂存在”或“短暂出现” 通常一次显示一个而不是同时显示多个。...图片旁边是一个烤肉串按钮,从中可以展开一个名为替换菜单,其中包含上传、浏览、下载、复制原始文件、复制 URL、清除字段等操作,最后一个是红色:图片这是一个用于更改图像操作菜单,是一个弹出窗口。...如果存在多个按钮,可能是其中最不破坏性一个,例如如果有“取消”和“确认”按钮一个合理默认选项可能是“取消”。 当模式对话框关闭时:如果用户触发它,将焦点移回触发器。...定义弹出窗口 您正在构建一个可切换提示符,用于在内容显示复杂单词定义。当定义图标被点击时,它会打开。您用户可能想滚动到其他地方、阅读其他内容或执行其他操作。最好保持这种模式为非模态

3.4K00

MFC入门教程(深入浅出MFC)

我们要处理是BN_CLICKED消息,点其右侧空白列表项,会出现一个带下箭头按钮,再点此按钮会出现“ OnBnClickedAddButton”选项,最后选中这个选项就会自动添加BN_CLICKED...最后调用UpdateData(FALSE)根据被加数、加数、和值更新三个编辑框显示值,就得到了上图中结果。 到此,一个具有简单加法运算功能加法计算器应用程序就基本完成了。...非模态对话框对话框资源和对话框类 实际模态对话框和非模态对话框在创建对话框资源和生成对话框类是没有区别的,所以上一讲中创建IDD_TIP_DIALOG对话框资源和CTipDlg...OnWizardBack:处理属性页“Back”按钮被单击消息,仅在向导对话框中有效 OnWizardFinish:处理属性页“Finish”按钮被单击消息,仅在向导对话框中有效...但第二个对话框属性页不需要重载OnSetActive函数。第三个对话框是最后一个对话框,所以不需要“下一步”按钮,而应该换成“完成”按钮,所以也需要重载OnSetActive函数设置“完成”按钮

3.9K30

最新iOS设计规范二|7大应用架构

人们通过以下方式关闭卡片: 从屏幕顶部向下滑动 卡内容滚动到顶部时,可以从屏幕任意位置向下滑动 轻按一个按钮 工作表常用在无法实现复杂任务、非沉浸式模式和内容。...始终要有取消/关闭模态视图按钮。例如:你可以使用“完成”或“取消”。至少有一个按钮以确保辅助技术访问模态视图,并代替手势关闭模态视图。 必要时,通过在关闭模式视图之前进行确认来帮助人们避免数据丢失。...不管人们是使用关闭手势还是按钮来关闭视图,如果该操作可能导致用户生成内容丢失,请出示说明情况并提供解决方法操作表。 不要让模态视图出现在Popover(弹出式窗口)。...除非是警示框,任何元素都不该出现在Popover。在极少数情况下,当用户在Popover中执行操作后需要用到模态视图时,请在显示模态视图之前先关闭Popover。 通常为模态任务设置一个标题。...一般情况下,一个页面只给用户提供一个入口。如果他们需要在多个场景下看到一个页面内容,请考虑使用操作表、警示框、弹出式气泡或模态视图。 设计一种能快速、轻松地获取内容信息结构。

2.6K20

iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

API注释 想要了解如何在代码中定义信息按钮,可以参考UIButton. iOS包含了两种信息按钮样式:适用于浅色内容深色按钮,以及适用于深色内容浅色按钮。...开关按钮显示一个项存在二元状态 仅在表格视图中可用 在表格中使用开关按钮来让用户从某一项两个互斥状态中指定一个,比如是/否(Yes/No),开/关(On/Off)。...但在某些特定内容区域内,为按钮描边或者添加背景颜色,让用户迅速地把注意力放到按钮,也是必要。Value 2布局中,文本和副标题中间垂直间距会让用户专注于副标题一个单词。...举个例子,如果一个模态视图中含有导航条和取消或完成任务按钮,这里导航条样式应该与你app中导航条一样。 合适的话,在模态视图里加入可以说明任务内容标题。...你可能还需要在模态视图里加入一些补充文字,来清楚地阐明任务内容,并提供一些任务指南。 选择一个适当过渡动画来展示模态视图。

13.2K30

win10 uwp 简单MasterDetail UWP 导航List点击后退按钮页面更改大小修改显示修改我代码源码左右列表和内容相互操作

中文 English 本文主要讲实现一个简单界面,可以在窗口比较大显示列表和内容,窗口比较小时候显示列表或内容。也就是在窗口比较小时候,点击列表会显示内容,点击返回会显示列表。 先放图,很简单。...本文是很简单,一般和我一样渣都能大概知道。 代码是我在很大压力会议,不到一个钟,写完修改,和大家说。我写很简单,可以修改我代码,可以自己写,下面我来说下如何写。...如果屏幕小,我们合并为一个Grid一栏,那么我们只能显示列表或内容。...,可以去下我源代码https://github.com/lindexi/UWP 然后在按后退按钮,就把我们hasFrame=false; 大概我们就把一个页面做好,Detail就显示我们点击传str...如果屏幕小,那么使用List和Content放在同一个Grid,依靠Zindex显示,如果是需要显示列表就列表ZIndex大,需要显示内容,就把内容ZIndex大。

1.8K00

前端之bootstrap模态

简介:模态框(Modal)是覆盖在父窗体子窗体。通常,目的是显示来自一个单独内容,可以在不离开父窗体情况下有一些互动。子窗体可提供信息、交互等。...通常,目的是显示来自一个单独内容,可以在不离开父窗体情况下有一些互动。子窗体可提供信息、交互等。 如果您想要单独引用该插件功能,那么您需要引用 modal.js。...您可以在页面上创建多个模态框,然后为每个模态框创建不同触发器。现在,很明显,您不能在同一时间加载多个模块,但您可以在页面上创建多个在不同时间进行加载。...属性 aria-hidden="true" 用于保持模态窗口不可见,直到触发器被触发为止(比如点击在相关按钮)。...class="close",close 是一个 CSS class,用于为模态窗口关闭按钮设置样式。 data-dismiss="modal",是一个自定义 HTML5 data 属性。

3.5K50

Human Interface Guidelines —— Popovers

Popover Popover是一个短暂视图,当您点击某个控件或某个区域时,它会出现在屏幕其他内容上方。 通常,Popover包含指向其出现位置箭头。...Popover分为非模态模态: ·通过点击屏幕另一部分或 popover按钮,可以解除非模态popover 。  ·点击弹出窗口上取消或其他按钮即可解除模态popover。...使用popover显示与屏幕内容相关选项或信息。 例如,许多iPadapp在点击Action按钮时会弹出共享选项。...·一次显示一个popover 显示多个popovers使界面变得混乱并引发困惑。永远不要显示一个堆叠或几层由上个popover引出popovers。...如果需要显示popover,请先关闭打开popover。 ·不要在popover显示一个视图 除了alert外,任何东西都不应该显示在popovers上方。

1.3K110

用vue实现模态框组件

基本每个项目都需要用到模态框组件,由于在最近项目中,alert组件和confirm是两套完全不一样设计,所以我将他们分成了两个组件,本文主要讨论是confirm组件实现。...,可以自定义标题、内容、是否显示按钮按钮样式,用一个computed来做参数默认值控制。...这样一个模态框组件就完成了。 其他实现方法 在模态框组件中,比较难实现应该是点击确定和取消按钮时,父级回调处理,我在做这个组件时,也参考了一些其实实现方案。...使用emit来触发 这种方法来自vue-bootstrap-modal,点击取消和确定按钮时候分别emit一个事件,直接在组件监听这个事件,这种做法好处是事件比较容易追踪。...,在一个组件内部,经常会用到多个对话框,对话框可能只是文字有点区别,回调不同,这时就需要在template中为每个对话框都写一次,有点麻烦。

3.5K00

Bootstrap 模态框(Modal)插件基本应用

模态框(Modal)通俗说就是在父窗体上弹出一个子窗体。 通常用来显示一个单独内容或者是对一些模块进行进一步详细介绍,可以在不离开父窗体情况下进行一些互动和内容交互。...一、用法: 切换模态框(Modal)插件隐藏内容: 通过 data 属性:在控制器元素(比如按钮或者链接)添加属性 data-toggle="modal",同时设置 data-target="#identifier...不能在同一时间加载多个模块,但可以在页面上创建多个在不同时间进行加载。 在模态框中需要注意两点: 第一是 .modal,用来把 内容识别为模态框。 第二是 .fade class。...属性 aria-hidden="true" 用于保持模态窗口不可见,直到触发器被触发为止(比如点击在相关按钮)。......');     }) }); 运行结果如下:点击了 关闭 按钮,即 hide 事件,则会显示一个警告消息。

4.4K00

bootstrap 模态框 弹出框

您可以使用按钮或链接。这里我们使用按钮。 如果您仔细查看上面的代码,您会发现在 标签中,data-target="#myModal" 是您想要在页面上加载模态目标。...您可以在页面上创建多个模态框,然后为每个模态框创建不同触发器。现在,很明显,您不能在同一时间加载多个模块,但您可以在页面上创建多个在不同时间进行加载。...在模态框中需要注意两点: 第一是 .modal,用来把 内容识别为模态框。 第二是 .fade class。当模态框被切换时,它会引起内容淡入淡出。...属性 aria-hidden="true" 用于保持模态窗口不可见,直到触发器被触发为止(比如点击在相关按钮)。...class="close",close 是一个 CSS class,用于为模态窗口关闭按钮设置样式。 data-dismiss="modal",是一个自定义 HTML5 data 属性。

5K40

【Java 进阶篇】深入了解 Bootstrap 插件

轮播是网页滚动图片或内容,用户可以通过点击按钮或滑动手势切换内容。...您还可以更改轮播指示符样式、轮播控制按钮图标等,以满足您项目需求。 Bootstrap 模态框(Modal) 模态框是一个常见插件,用于在网页显示对话框、提示框或表单。...模态框通常用于显示额外信息或执行特定操作,用户需要在模态框上进行交互。 基本 Bootstrap 模态框结构 一个基本 Bootstrap 模态框通常由以下部分组成: <!...您可以更改模态样式、内容、操作按钮等。以下是一个示例,展示如何自定义模态框: <!...您还可以更改分隔线样式、菜单项颜色等,以满足您项目需求。 Bootstrap 标签页(Tab) 标签页是一个常见插件,用于在网页创建多个选项卡,用户可以切换不同内容

20530

【Java 进阶篇】深入了解 Bootstrap 组件

激活状态按钮 Bootstrap 还提供了按钮激活状态,当按钮被点击后,可以显示为被激活状态。...class="modal-body":这是模态主体部分,包含模态内容。 class="modal-footer":这是模态底部部分,通常包含按钮或其他交互元素。...这个基本模态框结构可以根据需要进行扩展和自定义。您可以更改标题、内容按钮以适应不同情境。 触发模态按钮 要触发模态框,您需要一个触发器,通常是一个按钮。...自定义模态内容 模态内容可以根据需要进行自定义。您可以在模态主体部分添加任何自定义内容,包括文本、表单、图像或其他元素。...多个模态框 您可以在同一页面上创建多个不同模态框,只需为它们分配不同 id 和目标值即可。这允许您在一个网页中使用多个独立弹出窗口。

17120
领券