消息框中的消息 Prompt参数是用户将看到在消息框上显示的字符串。作为一个字符串，可以用双引号将其显示，如“你的凭据已检查”。...图9 消息框上的图标 除了按钮之外，为了增强消息框的功能，还可以在消息框的左侧显示一个图标。要显示图标，可以使用或添加MsgBoxStyle枚举的成员。...图11 调用MsgBox函数时，如果要显示一个或多个按钮并显示图标，可以使用OR运算符使用MsgBoxStyle枚举的两个成员，也可以将按钮的一个常量值加到图标的另一个常量值中。...例如，3+48=51将显示按钮“是”、“否”和“取消”以及感叹号图标。 消息框的默认按钮 如果创建一个包含多个按钮的消息框，最左边的按钮通常有一个粗边框，表示它是默认的。...第五个参数指定从输入框上边框到显示器上边框的距离。 输入框的返回值 当输入框显示时，输入值后，用户将单击其中一个按钮：确定或取消。
xml布局上新加的属性设置： textOn : 指定右侧开启时候的文本。 textOff : 指定左侧关闭时候的文本。 switchPadding : 指定左右两个开关按钮之间的距离。...track : 指定开关标识的图标。 代码中新加的方法： setTextOn : 设置右侧开启时候的文本。 setTextOff : 设置左侧关闭时候的文本。...setSwitchPadding : 设置左右两个开关按钮之间的距离。 setThumbTextPadding : 设置文本左右两边的距离。...setTrackDrawable/setTrackResource : 设置开关标识的图标。...与之类似的还有ios的UISwitch开关控件，下面是UISwitch控件开关两个状态下的UI： ? ? Android自带的Swtich与ios的UISwitch比起来，默认的UI很难看。
常见类型： ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一组相互排斥的选项中选择一个。通常，将一个选项定义为默认选择。 外观 常规： ?...四、 Switch 切换开关 用于打开或关闭二元操作的切换选项。 外观 常规： ? 带文本或图标： ? 最佳用法 ·左/灰为关，右/彩为开。...·切换开关可包括文本或图标，例如「开/on」和「关/off」标签，但不建议标签过长，如果标签太长请考虑使用其他互斥的选择控件。 ·切换状态中使用微动画进行过渡，而不是生硬的呈现。...·在单选情况下，我们将搜索放在了原有的框体内，流程如下：用户输入关键字>实时匹配检索出选项>用户点击选项>完成操作。 ?...·在多选的情况下，由于是多选操作，我们将搜索框放在下拉菜单内，这样就不影响原有框体承载选项的问题。 ? 但是该模式极大的复杂了控件及用户的交互行为。
无论你开发的悬停样式是什么，当用户在页面上进行选项卡切换或焦点以编程方式放置在复选框上时，悬停样式都需要是清晰而明显的。...右对齐 如果我的用户使用开关控件的经验主要来自iOS，那么你可能希望将开关放在文本的右侧，而不是像我这里所做的那样放在左侧。...最主要的是调整标签文本，以便在右边留出空间，然后将你的::before和::after放在右边，适当地设置拇指指甲形状间距。 ? 减少运动 开关动画对某些用户造成问题的可能性很低。...在我的示例中，我将表单重置为接近黑色(#101010)，文本重置为白色。...总结 当我们将所有这些代码放在一起时，我们可以拥有一组健壮的开关样式，这些样式可以适应用户对文本大小、对比度、语言、运动和交互模式的偏好。
在文本框中输入纵测线号，按回车键，则直接打开指定的纵剖面。 悬停在文本框上，则会提示纵测线号的范围。 ? 2.3 选择横测线 ? 双击Crossline标签，则打开工区的最小横测线。 ? 、 ?...在文本框中输入横测线号，按回车键，则直接打开指定的横剖面。 悬停在文本框上，则会提示横测线号的范围。 2.4 纵横切换 点击 ?...是两个互斥的操作。在拉框操作时可出现橡皮筋式的效果，放大一块指定的区域。 ? 3.4 漫游拖动 点击漫游图标 ? 后，会出现一个手状图标，用鼠标左键可拖动剖面。 3.5 重置显示设置 点击 ?...按钮将放大2倍显示。 点击 ? 按钮将缩小2倍显示。 3.7 道反序显示 点击 ? 按钮，可左右颠倒剖面，可以看出道号反序。再按一次此按钮，即可恢复正常道序显示。 ? 3.8 变面积/变密度显示 ?...4 显示井数据 4.1 井基础数据管理 所有的井名、坐标和深度基础数据在一个统一的文件中进行管理，放在Wells目录的welllist.txt文件中，文件格式如下： 井名 X坐标 Y坐标 深度 测试井1
将子菜单保持在一个层级。虽然子菜单可以缩短情境菜单并说明用户可以执行的命令，但是如果子菜单分还几个层级的话会使得体验变得复杂，并且让用户难以导航。 将最常用的项放在情境菜单的顶部。...将最常用的项应该放在菜单顶部，以便用户及时找到他们正在寻找的项。 使用分隔符对相关菜单项进行分组。创建可视分组可以帮助用户更快地浏览菜单。...不要将所有操作都放在菜单中。菜单可让您提供一系列项目，而不会弄乱您的界面，但是将所有操作置于菜单中意味着用户必须至少点击两次才能执行任何操作。将最重要的操作放在主界面中，使用菜单提供补充项目。...十四、开关（Switchs） 开关主要用于两个互斥状态之间的视觉切换。 ? 自定义开关的视觉样式，使它与你的设计更协调。...如果你需要工具栏或导航栏中使用类似功能，请改用按钮，并提供两个不同的图标来传达不同的状态。 避免在开关中添加说明标签。关于开关的打开或关闭，用户是很明确的。
;带错误图标的警告框：sweetAlert("Oops...", "Something went wrong!"...SweetAlert 有4种类型的图标动画：”warning”, “error”, “success” 和 “info”.可以将它放在”type”数组或通过第三个参数传递。...showCancelButtonfalse如果设置为“true”，“cancel”按钮将显示，点击可以关闭警告框。confirmButtonText“OK”该参数用来改变确认按钮上的文字。...如果设置为”true”，那么确认按钮将自动将”Confirm”替换为”OK”。confirmButtonColor“#AEDEF4”该参数用来改变确认按钮的背景颜色（必须是一个HEX值）。...imageUrlnull添加自定义图片到警告框上。必须是图片的完整路径。imageSize“80×80”当设定图片的路径后，你可以设定图片的大小，格式为两个数字中间带个”x”符号。
安装和导入 我们需要两个模块：apscheduler，pyautogui 快捷键 Windows+r 打开运行控制框，输入 cmd，进入命令行，输入： pip install apscheduler pip...接下来我们把鼠标放到微信的任务栏图标上，运行以下语句，获取此时光标的坐标，返回一个Point对象： print(pyautogui.position()) # 打印坐标，Point(x=148, y=879...) icon_position = pyautogui.position() # Point(x=148, y=879) 打开微信，选择女朋友的回话窗口，将鼠标放在输入框上，同样获取光标坐标，为了将焦点锁定到输入框以方便待会的输入...# 打印坐标，Point(x=174, y=751) entry_position = pyautogui.position() # Point(x=174, y=751) 接下来，控制程序依次点击这两个点...BlockingScheduler def main(): pyautogui.PAUSE = 0 icon_position = pyautogui.Point(x=148, y=879) # 任务栏图标位置
，默认为 true action：间隔动作函数，该函数必须设置 我的动画一共三个，两个隧道中各有一个风扇、一个风向仪以及一个卷闸门。...表单中重复的部分比较多，我挑出三个部分来解释一下：文本部分、“当前状态”显示的图标以及下面“修改状态”中的图标点击选择部分： form.addRow([//addRow 添加一行 我这个部分是添加一个标题...{ element: '交通灯控制',//这一行第一部分的显示文本 align: 'center',//文本对齐方式 color: 'rgb(0,210,187...)',//文本颜色 font: 'bold 16px arial, sans-serif'//文本字体 } ], [0.1]);//记得要设置这行的宽度 form.addRow(...[ //这行中有两个部分，一个“设备描述”，一个 文本“0”，所以要设置两个宽度，宽度要放在一个数组中 '设备描述:',//第一部分 {//第二部分 element
1. readonly 规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。...input的max length为0实现 4. οnfοcus="this.blur();" onfocuse是聚焦的意思，当你把光标放在文本框上输入的时候...，就是聚焦，但这里添加了"this.blur()"，blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了 <input type="text" value="
「3D Touch」 3D Touch 功菜单会根据出现在图标上下方的定位自动调整功能项的顺序，以确保最靠近手指的一项始终为菜单中的第一个功能。...「地图」 图标是苹果美国总部的所在地。 「音乐」 表演者 Tab 的图标是 U2 乐队主唱 Bono Vox 的剪影。 「Safari」 阅读列表的图标是乔帮主的眼镜。...「计算器」 横屏后变成科学计算器， 输入错误时在数字框上向 右/左 滑动，一次 删除/撤销 一位。 「顶栏图标」 调节到飞行模式时，飞机会从顶部状态栏左侧飞入。...「手电筒」 图标上的开关会随着手电筒的状态而变化。 「软件更新」 开始更新时，左边的设置图标的小齿轮会开始转动。...「滑块」 iOS 8 控制中心亮度和音量滑块用力往边上撞会有反弹效果 「滑动解锁」 升级到 iOS 8 的 iPad，在开启自动旋转且横屏锁屏状态下，右滑的同时，将屏幕竖过来。
>css/sweetalert.css" type='text/css' media='all' /> 四种图标及调用方式： swal("温馨提示！"...SweetAlert 有4种类型的图标动画："warning", "error", "success" 和 "info".可以将它放在"type"数组或通过第三个参数传递 allowOutsideClick...如果设置为"true"，那么确认按钮将自动将"Confirm"替换为"OK" confirmButtonColor "#AEDEF4" 该参数用来改变确认按钮的背景颜色（必须是一个HEX值） cancelButtonText...该参数在其他SweetAlert触发确认按钮事件时十分有用 imageUrl null 添加自定义图片到警告框上。...必须是图片的完整路径 imageSize "80x80" 当设定图片的路径后，你可以设定图片的大小，格式为两个数字中间带个"x"符号 timer null 警告框自动关闭的时间。
注意避免以下问题： 不要给彩色元素加投影 层叠不要超过两层 折角不要放在左上角 带投影的元素要完整展现，不能被图标边缘裁剪 如果有折痕，放在图片中央，并且最多只有一条 带折叠效果的图标...辅助操作区至多包含两个操作项，更多操作需要使用下拉菜单。其余部分都是主操作区。 ...编辑 选择控制（Selection controls） 编辑 开关允许用户选择选择项。一共有三种类型的开关：复选框、单选按钮和 on/off 开关。 ...编辑 tab文字要显示完整，字号保持一致，不能折行，文字与图标不能混用。 编辑 文本字段（Text fields） 编辑 文本框可以让用户输入文本。...如果某项独立一组，考虑把它放在顶部（重要）或放在底部的“其他”一栏中（不重要）。设置项较多时尝试合并，比如把两个相关的勾选项合并成一个多选项。设置项非常多时，使用子界面。
点击上图中圈出来的图标之后，会看到下面的样子： ? 如上图，CSDN 壁纸 和 必应壁纸 是插件提供的网络壁纸，点击右上角的开关可以控制是否每日自动更新壁纸。而且还支持纯色壁纸和上传本地壁纸。...点击上图的 自定义添加网址 可以添加自己想放在常用导航中的导航条目： ? 在上图的 1 区域中，可以设置自定义导航条目的地址、名称 和 图标颜色。点击 添加 之后，就会在 3 区域 展示。...2 区域中可以调整导航图标的样式，但只有当 1 区域中选择了新版时才有效。（将图标透明度改为100%时，也可以解决背景复杂时图标显示不清的问题。） 3 区域控制的是搜索框的样式。...，然后右击，从列表中可以选择 CSDN 搜索，然后就可以查询 CSDN 中与选中文本相关的全部帖子。...目前放在导航中，查找不是很便捷。
w.setWindowTitle('Simple') 一个简单的应用图标 应用图标是一个常常显示在标题栏左上方角落的小图片。在下面的例子里，我们将展示我们如何在PyQt5中显示应用图标。...setGeometry()做了两件事：将窗口在屏幕上显示，并设置了它的尺寸。setGeometry()方法的前两个参数定位了窗口的x轴和y轴位置。...我们可以在提示框中使用富文本格式。...点击信号连接到quit()方法，将结束应用。事件通信在两个对象之间进行：发送者和接受者。发送者是按钮，接受者是应用对象。...第二个字符串是对话框上显示的文本。第三个参数指定了显示在对话框上的按钮集合。最后一个参数是默认选中的按钮。这个按钮一开始就获得焦点。返回值被储存在reply变量中。 ? 在这里我们测试一下返回值。
需要在规范中分别罗列出这五个状态，标注上对应的按钮填充色、边框色、圆角值、按钮宽度和高度，按钮文本大小、颜色值。...如果是图标按钮的话，除了上述参数值以外，还需要标注 icon 和按钮文本之间的间距，icon 图标的大小。 2....输入框 用于单行信息录入文字上下居中显示，支持键盘录入和剪切板输入文本，对特定格式的文本进行处理：密码隐藏显示、身份证、卡号分段显示，标注宽高。 3....滑动开关 滑动开关有两个互斥的选项（例如开/关、是/否、启动/禁止），它是用来打开或者关闭选项的控件。选择其中一个选项会立即执行操作。 6. 进度条 用于向用户展示步骤的步数以及当前所处的进程。...规范优先级 了解规范的内容有哪些之后，我们需要确认的是规范优先级，规范内容庞大复杂，基础的、必要的、高性价比的放在第一个版本中，复杂的往后放，随着产品的迭代，规范才会越来越完整。
默认情况下，块将页眉文本显示为一个带 + 图标的按钮。...点击它时，将显示完整的内容，并且 + 图标将变成一个 - 图标，表示按钮可以被再次点击以关闭完整的内容，并回到默认的按钮状态。 创建简单的列表 列表是在移动网站上能看到的一个常用元素。...ui-li-icon" /> Jimi Hendrix Album ul-li-icon 类限制图片的大小，最大宽度和高度为 40px，它还能够将图片放在列表项中的适当位置... 搜索筛选器栏添加一个文本输入，为用户提供一种功能可供他们输入正在查找的内容，同时列表将根据输入实时进行筛选。...输入变成一个 select 元素，并且要添加两个选项。清单 15 提供了切换开关的示例，该开关提供 on/off 功能。
1.设置PATH环境变量 右击桌面上的计算机图标，单击属性菜单项，系统显示控制面板主页，单击高级系统设置，出现系统属性对话框，再单击高级，出现如下图所示的对话框。...单击环境变量按钮，将看到如下图所示的环境变量对话框，通过该对话框可以修改或添加环境变量。 上图所示的对话框上面的用户变量用于设置当前用户的环境变量，系统变量用于设置整个系统的环境变量。...在记事本中新建一个文本文件，并在文件中输入如下图所示的代码。 将该文本文件保存为Hello.java,该文件就是Java程序的源程序。
说明标签放在输入框上面 ? 数据显示，当说明标签在输入框上面的时候，用户完成表单的几率要远高于标签位于输入框左边的时候。顶部说明标签在移动设备上也能更好的显示。...然而，如果输入框数量较多，你可以考虑将标签放在输入框左边，因为这样做可以降低表单的高度。 缩小文字和输入框的距离 ?...避免使用占位文本代替说明标签 ? 很多人都喜欢用占位文本代替说明标签，觉得这样可以优化空间。但是这会导致很多可用性方面的问题。 将复选框垂直排列 ?...将复选框垂直排列，易于用户检索 让CTA更具描述性 ? 行为召唤按钮要突出其目的。 对出错信息进行具体说明 ? 向用户展示究竟是哪里出了错，并且给出出错原因。...不要隐藏基本的帮助文本 ? 尽可能的显示基本的帮助文档。对于那些复杂的帮助文档，可以考虑将其发在输入框旁边。 突出显示主要的行为召唤按钮 ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
