如果这样的话,那么每当你启动Excel时,Excel都会给出一条如下图1所示的消息。 图1 非常烦人,因为每次启动Excel时都会弹出这条消息。 如何解决这个问题呢?...图2 取消选中蓝色阴影标识的加载宏(即你在系统文件中删除的加载宏文件)前的复选框,Excel会询问你是否想删除,如下图3所示。 图3 单击“是”按钮,此时“加载宏”对话框如下图4所示。...单击加载宏名(即对话框中蓝色阴影部分),Excel弹出消息框询问是否想要将该加载项删除,如下图5所示。 图5 此时,单击“否”按钮。 接着,取消选中该加载宏前的复选框,如下图6所示。...图6 Excel会再次询问是否将该加载项删除,如下图7所示。 图7 单击“否”按钮。 关闭“加载宏”对话框,Excel会弹出相似的消息框,如下图8所示。 图8 单击“确定”忽略该消息。...再次打开“加载宏”对话框,单击该加载宏名称,Excel会再次询问,如下图9所示。 图9 这次,单击“是”按钮。 大功告成!
为什么要使用阴影? 我保证,我们很快就会谈到有趣的CSS技巧。但首先,我想退后一步,谈谈为什么阴影存在于CSS中,以及我们如何最大限度地利用它们。 阴影表示高程,而较大的阴影表示更高的高程。...通过在页眉和对话框上使用不同的阴影,我们给人的印象是对话框比页眉更靠近我们。我们的注意力往往会被吸引到离我们最近的元素上,因此通过提升对话框,我们使用户更有可能首先关注它。...这是内聚阴影的第一个技巧:页面上的每个阴影都应该共享相同的比率。这将使每个元素看起来都来自同一光源。 相同的比率? 您可能想知道为什么我建议对每个元素使用相同的比率。...垂直偏移始终是水平偏移的 2 倍。 当卡牌升得更高时,还会发生另外两件事: 模糊半径变大。 阴影变得不那么不透明。 (我还增加了卡片的大小,以获得更逼真的效果。在实践中,跳过此步骤会更容易。)...每个阴影的颜色数据使用 CSS 变量--shadow-color。 每次我更改背景颜色(在Wrapper和BlueWrapper中),我也会更改--shadow-color。
在最近的项目上,我发现遵守 Android 的这些设计规范会更加安全,因为大一些的 48px 的按钮在两个平台上都表现良好,而且 MD 的规范更加全面,还经常更新。...按钮样式 这里是 MD 下定义的几个按钮类型: 浮动动作按钮(Floating action buttons):最传统的有边框的按钮,阴影厚重明显,将它们从页面上分离出来。...它们仅应当被用于背景,或者谨慎地在卡片上使用,不应当在警告框或者弹出框上使用,因为使用这种按钮,就会创建一层视觉深度。这种按钮的填充颜色一般使用 App 的主色,而下一种按钮,通常使用辅助的颜色。...和 MD 相比较,iOS App 在外观上是完全扁平化的,没有层级深度和阴影。主要按钮有填充颜色,次级按钮反转颜色,也就是说,有着主色的边框和文字。...比如,当我点击(或者长按)我想要分享、上传、复制或者删除的图片时。 iOS 和 Android 用近乎相同的方式解决这种问题。首先,动作表单都是出现在屏幕的地步,然后在主要内容上罩上一层阴影。
阴影的目的不是美观而是纵深 谷歌向来强调层级概念,这也是它与苹果相差较明显的一点。...让真正重要且唯一的东西打破既定框架 交互设计如果做的随意了,结果会很糟糕;但是如果做得严谨了,有时候会变得很无聊。...光是这些也许还不够,最好是连视线移动都能够尽量避免,因为二次聚焦也是需要时间的。上面那张图中,弹出框上的文本区域与弹出框下的评论区域是重合的,这样设计就避免了用户多次移动视线。...Material Design 把视线追踪也运用到了下拉框上,点击下拉框区域后,选项框完全覆盖之前的下拉框区域,并且按顺序排列的选项会自动滚动,让默认选项的位置刚好在之前的下拉框区域之上。 ?...慎用卡片 自从iPhone把圆角阴影炒火了之后,在很多地方都出现了滥用情况,这几年“卡片式”盛行,隐有愈演愈烈之势。
Android 关机对话框概率没有阴影故障分析 以玩的心态,做着感兴趣的事情而已,别无其他杂念。...了解(FLAG_DIM_BEHIND)的用法 04 回到我们的问题,有时会出现阴影,有时没有,那么难道我们这个属性有问题,有时没成功吗?...(我们去测试,调试以及打印log,发现此处会出现 mState有时短信对话框在前,有时系统关机在前,如果谁在前面,按照这里逻辑,从后向前计算,会出现前面的将后面的覆盖掉,最终系统判断为前面的需要阴影。)...而错误的时候,恰恰是短信在前,覆盖了系统关机对话框的提示阴影,使得界面显示上,虽然系统对话框在前,但是阴影却放在了短信的后面,导致问题产生 看到这里的差异,我们继续看下mState,看下为什么引起这个的呢...而出现taskstack的情况,只有在home界面或者是系统级别的对话框,由于home界面不会存在和其他应用的对话框重叠概念,所有和其他应用重叠的,只会是系统级别的对话框啦。
label 元素不会向用户呈现任何特殊效果,标签的作用是为鼠标用户改进了可用性,当用户点击标签中的内容时,浏览器就会自动将焦点转到和该标签相关联的控件上;标签在单选按钮和复选按钮上经常被使用...,使用该标签后,你点击label标签内的内容,也可以选中对应的单选按钮或复选按钮。...2.2 CSS3 box-shadow 属性 boxShadow 属性把一个或多个下拉阴影添加到框上。...该属性是一个用逗号分隔阴影的列表,每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。...允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离 spread 可选。阴影的大小 color 可选。阴影的颜色。 inset 可选。
有关如何使用向导以及如何将模板应用给MultiRow将在未来的文章中讨论。 ?...使用此窗口,只需单击 1 次窗口中列出的 NamedCellStyle,便可将此 Style 应用于已选的 Cell。可在此窗口中添加、删除和更改 NamedCellStyle。...现在就让我们来看看MultiRow模板设计器的几个细节: 1、 丰富的对话框:每一个对话框都经过精心设计,布局严谨大方;每一个对话框都可以实现全键盘操作,对话框上每一个可操作的Control都有快捷键,...它们的“Tab”键顺序也经过精心设计;每一个对话框都有帮助按钮,你可以点击该按钮或者使用“F1”键直接导航到帮助文档的相关内容。...· 拖拽Cell的时候,标尺上的阴影你总该注意到了吧?有趣的是:标尺上的阴影会根据你拖拽Cell的多少而呈现出不同的浓度: ?
当您更改快捷键时,预设弹出式菜单会更改为“自定义”。执行所需的更改之后,您可以选择“另存为”,将自定义快捷键组保存为预设。颜色编码紫色阴影的键是应用程序范围的快捷键。绿色阴影的键是特定于面板的快捷键。...:对于工具或按钮,将指针悬停在工具或按钮的上方,直至其工具提示出现。...“键盘快捷键”对话框会将键盘快捷键显示为可编辑的按钮,您可在此更改、添加多个快捷键或删除快捷键。添加更多快捷键要为某个命令添加更多快捷键,请单击现有快捷键的右侧。...输入要使用的快捷键。如果您输入的快捷键已在使用中,将显示一条警告。删除快捷键要删除快捷键,请单击可编辑快捷键按钮中的“x”。...要移除快捷键组,可从“组”菜单选择键组,然后单击“删除”。当警告对话框中出现提示时,单击“删除”以确认您的选择。打印键盘快捷键许多编辑器都倾向于配备键盘快捷键文档,便于用户搜索和参考。
; 第二个参数title就是对话框的标题; 第三个参数label是在输入框上面的提示语句; 第四个参数mode用于指明这个QLineEdit的输入模式,取值范围是QLineEdit...是可选的,如果非NLL,则当用户按下对话框的OK按钮时,这个bool变量会被置为true,可以由这个去判断用户是按下的OK还是Cancel,从而获知这个text是不是有意义; 第七个参数flags...; 第二个参数title就是对话框的标题; 第三个参数label是在输入框上面的提示语句; 第四个参数QStringList用于指定需要显示的条目是一个QStringList 对象,...按钮时,这个bool变量会被置为true,可以由这个去判断用户是按下的OK还是Cancel,从而获知这个text是不是有意义; 第八个参数flags用于指定对话框的样式。...表示最大值 第七个参数step表示各个选项的间隔 第八个参数ok是可选的,如果非NLL,则当用户按下对话框的OK按钮时,这个bool变量会被置为true,可以由这个去判断用户是按下的OK还是
TranslationZ:动态海拔高度偏移高度,是一个偏移的距离,是用来作动画效果,否则不要使用。 Translation Z 是动态的,当创建一个项目,增加一个按钮,当按下按钮会阴影变大了。...一般来说海拔越高,阴影越大,越低阴影越小,但是海拔太大会出现阴影消失的现象(一般是超过20dp)。当物质材料表面比例改变的时候,其阴影不应该发生改变,海拔发生了变化的时候,其阴影要发生改变。...关键灯会创建更加锐利的方向性阴影,称为关键阴影。环境光从各个角度出现,创建扩散的柔和阴影,称为环境阴影。...关键阴影 环境阴影 关键阴影和环境阴影 黑暗下 材质环境中的阴影由关键灯光和环境灯光投射共同产生。在Android和iOS开发中,当光源在沿z轴的各个位置处被“材质”表面阻挡时,会出现阴影。...但是设置最好不需要这样,用 Button 自身的阴影效果就可以了,它的阴影会根据 Button 在页面中的位置的不同阴影还不同。
请注意,我们将仅讨论规范类型的按钮(也称为简单按钮),不会涵盖切换按钮或单选按钮。 实心按钮 实心按钮是具有实心填充的按钮。大多数时候,设计师使用对比色,这样实心按钮自然会吸引很多注意力。...提供有关交互的视觉反馈至关重要。微妙的悬停(桌面)和点击动画将作为对用户的确认。 使用阴影创建 3D 效果。阴影创造了一种高度的效果——一个按钮看起来像一个三维物体。...阴影还可以加强视觉反馈——可以改变 Z 深度来模仿点击按钮的移动感。但与按钮形状类似,阴影的使用应由您的视觉设计决定。如果您使用投影,请确保将这种样式应用于所有按钮类型。...主要的号召性用语按钮将引导用户进行我们希望他们采取的行动,而辅助按钮提供了一个合理的选择。 系统对话框中的空心按钮 对于我们不想分散用户注意力的用户界面,幽灵按钮也是一个不错的选择。...不理解图标含义的用户倾向于避免与它进行交互。这就是为什么许多设计师说“最好的图标是文本标签”。 显示工具提示。如果您设计桌面应用程序,请考虑为仅图标按钮添加工具提示。
// 设置阴影 elevation: 5, // 设置卡片的边距 margin: EdgeInsets.all...---- AlertDialog 对话框组件 , 可设置标题 , 内容 , 等一系列对话框相关的设置 , 下面代码是 AlertDialog 的构造函数源码 ; class AlertDialog extends...= null), super(key: key); 代码示例 : // AlertDialog 对话框 , 该弹窗有一个自动圆角和阴影...// 设置阴影 elevation: 5, // 设置卡片的边距 margin: EdgeInsets.all..., 该弹窗有一个自动圆角和阴影 AlertDialog( // 对话框标题 title: Text("AlertDialog
从拟物化设计到扁平化设计,再到半扁平设计的发展趋势;早期在图形化界面出现以前,人们面对的是命令行界面,这个时候谈不上什么设计感;图形化界面诞生之后,人们开始思考界面设计的风格问题,是“写实”还是“抽象...2 CSS3 中可用于Semi Flat Design 的特性 主要是阴影、滤镜、变换 box-shadow text-shadow boxShadow 属性把一个或多个下拉阴影添加到框上。...为了实现更为逼真的影子效果,我们可以叠加多个下拉阴影到框上,我试验了下,效果见下图,最后的效果叠加了3个阴影,第三个是内阴影。 ?...比如我使用了hover,当鼠标移动到右侧详情页时,会放大,阴影也会拉长,把空间感体现了出来。 ?...目前我常用的是blur,模糊效果,用来实现毛玻璃效果的,下文会详细介绍blur的使用。
本文,我们核心想探讨的是两个点: 一是对于如下所示的不规则布局,应该如何实现: 并且,这里我们可能还需要给它加上阴影效果: 如何配合 Hover 动作,实现整个切换效果 带着这两个问题,我们一起来尝试慢慢把这个效果实现...不规则造型按钮解决方案 使用 CSS 轻松实现高频出现的各类奇形怪状按钮 想一想,这里其实就是竖向的 Chrome 分 Tab 的效果: 像是这样: 我们对这个按钮形状拆解一下,这里其实是 3 块的叠加...: 只需要想清楚如何实现两侧的弧形三角即可。...,示意图如下: 利用 drop-shadow 实现按钮阴影 好,接下来,我们需要给按钮添加上阴影效果,像是这样: 因为使用了两个伪元素,当前单个按钮在 Hover 状态下的大致代码如下: li {... 因此,这里最为麻烦的地方在于,左侧按钮的阴影,需要和右侧的主体内容连在一起!
它有默认的阴影和灰度效果,当按下时会有视觉反馈。 FlatButton(现在称为TextButton):这是一个无阴影的平面按钮,通常用于不太重要的操作。它在按下时不会改变外观,提供简洁的视觉效果。...OutlineButton(现在称为OutlinedButton):这个按钮有一个边框,但没有背景色。当按下时,边框和文字颜色会变化,适用于需要强调边框而非背景色的场景。...IconButton:这是一个图标按钮,常用于工具栏和对话框中。它可以包含图标而不是文本,适用于空间有限或需要图形化表示的地方。...MaterialButton:这是一个更通用的按钮组件,可以高度自定义,包括形状、颜色、阴影等。 DropdownButton:这是一个下拉按钮,允许用户从一系列项中选择一个。...width (double): 图片的宽度。如果不设置,图片会根据其父组件和其他内容自动调整大小。 height (double): 图片的高度。同样,如果不设置,会自动调整。
此对话框中的许多格式设置控件都显示以下值之一: 开–该属性将添加到父样式格式。 关–从父样式格式中删除该属性。 一个数字-该值替换父样式属性。...添加样式 单击此按钮添加新的用户定义样式。 删除样式 单击此按钮删除用户定义的样式。标准内置样式无法删除。 加载… 单击此按钮可以从配置文件中加载新的样式表。...阴影 选择当前样式的阴影的颜色。 逆 选择当前样式的“反向”属性。反转表示前景和背景颜色反转。 间距选项 线以上 这将选择要添加到行上方的垂直间距的百分比。...请注意,此选项会减慢处理速度,因为每个相同字符串出现都必须使用符号查找进行限定。 触摸文件并重新编译。启用此选项可使每个文件的“上次修改”时间戳记设置为当前时间。...Source Insight在项目中搜索出现在指定行数内的一组关键字的出现。“上下文线”文本框指示关键字词可以相互匹配为匹配项的最大距离。
删除控件时,可以使用鼠标左键点击选中它,选中后控件的周围会出现虚线框,然后按Delete键就可以将其删除了。...用鼠标左键选中控件后周围出现虚线框,然后鼠标移到虚线框上几个黑点的位置会变成双向箭头的形状,此时就可以按下鼠标左键并拖动来改变控件大小了。...现在我们再运行程序,可以看到对话框打开后最初的输入焦点在被加数编辑框上,然后我们按Tab键,输入焦点移到加数编辑框上,继续多次按Tab键时,输入焦点会按“和编辑框–‘计算’按钮–‘退出’按钮–被加数编辑框...编译运行程序后,在对话框上输入被加数和加数,点“计算”,弹出提示对话框询问是否进行计算,如果选择“确定”,则提示对话框退出,并在主对话框上显示被加数和加数的和,而如果选择“取消”,则提示对话框也会退出,...和的编辑框会显示m_editSum的值 UpdateData(FALSE); } 4.因为此非模态对话框实例是动态创建的,所以需要手动删除此动态对象来销毁对话框。
当然我们有时候会用盒阴影来代替边框,这是因为盒阴影是不占物理空间的,而边框会,导致了移动端设置自适应宽度受到了影响,那么接下来我们来看看盒阴影的使用!...代表“一次” “*”表示可出现多次 CSS3盒阴影 应用 我们可以通过盒阴影制作漂亮的按钮效果。...升高元素具有的效果就是让人感觉立体的,而且给人一个错觉,跟背景不是同一层面上。通常此效果可以用在按钮没被点击的效果上。...是一种按钮常用的方法,接下来我们看如何实现按钮的一些点击效果~ 按钮效果: 样式代码: .h5course { position: relative; width: 500px; padding: 30px...按钮效果的一个原理就是通过盒阴影升高效果,让元素具有立体感,而通过active 伪类设置位置向下移动,阴影的偏移值和模糊值发生改变,造成点击被按下的感觉。
repeat表示四条边都在相应的边框上重复的平铺。 利用box-shadow属性 利用box-shadow属性实现多重边框。方案5是最简单,最直接的实现多重边框的方式。...利用了阴影(box-shadow)实现边框多少有一些hack的味道。 .borders { box-shadow: 0 0 0 6px #fff, 0 0 0 12px #888; } ?...优缺点: 为了用阴影模拟边框,本例中使用了两个阴影效果,设置偏移值和模糊值为0,并适当地设置阴影的尺寸,从而实现了双重边框的效果。...因为一个阴影重叠在另一个阴影之上,第二个阴影的尺寸要设置成第一个阴影尺寸的两倍。关键部分是将模糊值设成0,从而产生像边框一样的纯色阴影,看起来和边框一样。...和描边(outline)属性一样,box-shadow属性可能会和周边元素发生重叠,因此要适当地设置元素的外边距。box-shadow兼容性一般。 喜欢小编的点击关注哦,专注web技术分享!
领取专属 10元无门槛券
手把手带您无忧上云