首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

下面,我们来实现当鼠标移动到用户窗体按钮时,会使用颜色高亮显示,让用户窗体更生动,如下图1所示。 ? 其实,你在图1中看到的按钮并不是用户窗体内置的传统命令按钮,而是使用图像控件来制作的。...由于图像是静态的,在运行时不能更改颜色,因此每个按钮都由两个图像组成,一个图像代表鼠标悬浮在按钮的状态,另一个图像代表鼠标未悬浮在按钮的状态。...本例中,将使用绿色和白色/灰色格式来指示用户是否将鼠标悬停在特定按钮。下图2是我制作的用于按钮图像的文本框。 ? 这里要注意的是,四个文本框的大小和格式设置都必须完全相同。...,绿色按钮显示,白色按钮隐藏。...,绿色按钮显示,白色按钮隐藏。

7.9K20

UI设计规范:单选按钮 vs 复选框,没那么简单

本文中我通过列举几个典型的错误用法,帮助设计师在进行UI/UX设计时,更加规范地使用单选按钮和复选框这两个组件。...使用原型工具:Mockplus 单选按钮和复选框的区别 什么时候使用单选按钮? 有两个或两个以上的互斥选项,用户必须且只能从中选择一个。...这既违背了设计初衷(希望用户从中选择一个时间段),又给用户带来了困扰,是不是我同时勾前两个时间段,就代表在这整个大的区间内送餐都是可以的呢? 错误二:选项文本中使用否定词 ?...能使用单选按钮时,尽量不使用下拉菜单。在所有选项都被清晰地列举出时,用户更容易进行比较,做出正确的选择。 2. 使用单选按钮时,一定要提供一个已经选中的默认选项。 3....单选按钮和复选框都不用于触发任何动作。 4. 选项句式不宜过长,最好能让用户迅速抓住关键信息。 以上三点错误和四条建议,是用好单选按钮和复选框这两个组件的关键。

2K30

Python的GUI编程和tkinter,Wxpython

Button 按钮控件;在程序中显示按钮。...Canvas 画布控件;显示图形元素如线条或文本 Checkbutton 多选框控件;用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容 Frame 框架控件;在屏幕显示一个矩形区域...,多用来作为容器 Label 标签控件;可以显示文本和位图 Listbox 列表框控件;在Listbox窗口小部件是用来显示一个字符串列表给用户 Menubutton 菜单按钮控件,用于显示菜单项。...Menu 菜单控件;显示菜单栏,下拉菜单和弹出菜单 Message 消息控件;用来显示多行文本,与label比较类似 Radiobutton 单选按钮控件;显示一个单选按钮状态 Scale 范围控件;...Python Tkinter 通用控件属性: Python Tkinter 按钮组件 (Button) 按钮组件用于在 Python 应用程序中添加按钮按钮可以放上文本或图像,按钮可用于监听用户行为

16910

后台系统设计(上篇:选择)

常见类型: ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一组相互排斥的选项中选择一个。通常,将一个选项定义为默认选择。 外观 常规: ?...在单个选项下,存在多组互斥选项,且互斥选项组之间存在一定关系,可以考虑混用分段控件和常规按钮,由于分段控件在视觉占用更大的面积,故给人在层级更加置前。 ?...复选框和单选按钮之间的主要差别是: 单选按钮给人更加直接的示意,例如开启关闭,而复选只表达一面信息,因此它的反面信息并不是非常直观,甚至对于某些用户而言,并不清楚勾和不勾所表达的含义。...三、Icon button 图标按钮 图标按钮可以说是结合了单选按钮、复选框及命令控件的变形形式,性质存在互斥(单选)和非互斥(多选)。...·下拉菜单文本保持简洁扼要,文本内容限制为单行。 ·请根据具体情况,定义列表项的最小和最大宽度,以适应其内容。超出最大宽度从末尾截断,并添加省略号,鼠标悬停显示全部文本内容。 ?

9.6K21

【JavaWeb】77:仔细看一哈这张图片

post:提交的参数不会显示在地址栏,是不可见的,相对而言更加安全。 「2表单域」 用户名,密码,邮箱这些都是表单域中的一部分。 「3表单按钮」 注册按钮也就是其中的一种。...「①name属性和values属性」 基本每一个input标签都可以设定name和values属性。 如果是文本框密码框,values表示的也就是初始默认值。...其中提交按钮不需要name,但是可以设定values(也就是按钮显示的文字)。 name和value具体有什么用呢?看下图; ?...「③readonly属性」 只读的意思,文本框中的数据可以选中也可以点击,数据会提交但是不能修改。 「④disabled属性」 不可用的意思,只能看,不能也不能点,并且数据也不会提交。...size属性:多选时用以表示一次显示的数量。 如果不用multiple属性,这是单选,也就是图中右下角。 「2文本域」 ? name属性:提交时需要,不再赘述。 rows属性:文本域中的行数。

1.3K20

Kotlin学习日志(六)控件使用

接口实现方式 1.2 复选框CheckBox 1.3 单选按钮RadioButton 1.4 开关按钮Switch 1.5 文本视图TextView 1.6 图像视图ImageView 1.7 文本编辑框...(2)由于待显示的字符串需要拼接按钮文本,因此需要通过字符串模板表达式"${***} "将按钮文本置于该字符串。 2....1.3 单选按钮RadioButton 单选按钮要在一组按钮中选择其中一项,并且不能多选,这要求有个容器确定这组按钮的范围,这个容器便是单选组RadioGroup,单选组RadioGroup实质是一个布局...单选按钮RadioButton默认是未选中状态,点击它则显示选中状态,但是再次点击并不会取消选择,只有点击同组的其他单选按钮,原来选中的单选按钮才会被取消选中。...1.5 文本视图TextView 有没有人觉得TextView很简单呢?但实际并不简单,比如常见的文字跑马灯效果,一行文本的内容太多,导致无法完全显示,但也不想分行显示,于是就有这个跑马灯效果了。

1.7K30

软件测试|超好用超简单的Python GUI库——tkinter(十二)

前言一篇文章我们介绍了tkinter单选框的实现,单选框的各选项之间的关系是互斥的,选择了A选项,就不能B选项;复选框就不一样,各个选项之间是并列的,我了A还可以B和C选项,我们在大学选课以及我们在啊购物时选购商品就是类似的情况...复选框控件基本语法如下:Checkbutton(master=None, **options)复选框控件,除了具有常用的共有属性之外,还具有一些其他重要属性和常用方法,下面对它们做简单地介绍:属性说明text显示文本...variable和复选框按钮关联的变量,该变量值会随着用户选择行为来改变(或不),即在 onvalue 和 offvalue 设置值之间切换,这些操作由系统自动完成2....indicatoron默认为 True,表示是否绘制用来选择的选项的小方块,当设置为 False 时,会改变原有按钮的样式,与单选按钮相同selectcolor选择框的颜色(即小方块的颜色),默认由系统指定...lb2.config(text=s)btn = Button(win,text="选好了",bg='#BEBEBE',command=study)btn.pack(side = LEFT)# 该标签,用来显示选择的文本

85130

Flask Web 极简教程(四)- Flask WTF Froms

表单域:包含了文本框密码框、隐藏域多行文本框、复选框单选框下拉选择框和文件上传框等。...表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作常见的表单有注册表单、登录表单、搜索表单等视图函数中获取表单数据的方式有两种...,除了这两个类型外还有其他的字段类型,文本/字符串相关类型 StringField,字符串输入PasswordField,密码输入TextAreaField,长文本输入HiddenField,隐藏表单域数值类型既整数和小数相关类型...,下拉多选BooleanField,勾日期时间相关类型 DateField,日期选择DateTimeField,日期时间选择文件上传相关类型 FileField,文件单选MultipleFileField...,文件多选其他类型 SubmitField,提交表单按钮FieldList,自定义的表单选择列表FormField,自定义多个字段构成的选项

3.9K20

Flask Web 极简教程(四)- Flask WTF Froms(Part A)

表单域:包含了文本框密码框、隐藏域多行文本框、复选框单选框下拉选择框和文件上传框等。...表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作 常见的表单有注册表单、登录表单、搜索表单等 视图函数中获取表单数据的方式有两种...,除了这两个类型外还有其他的字段类型, 文本/字符串相关类型 StringField,字符串输入 PasswordField,密码输入 TextAreaField,长文本输入 HiddenField,隐藏表单域...SelectField,下拉单选 SelectMultipleField,下拉多选 BooleanField,勾 日期时间相关类型 DateField,日期选择 DateTimeField,日期时间选择...文件上传相关类型 FileField,文件单选 MultipleFileField,文件多选 其他类型 SubmitField,提交表单按钮 FieldList,自定义的表单选择列表 FormField

3.1K20

Html基础知识点整理

. 标签 表单标签 文本框,密码框,单选框相关知识点 复选框相关知识点 附件框----用于文件上传 重置按钮----reset 普通按钮 隐藏域 只读属性和设置不可用属性...,密码框,单选框相关知识点 步骤: 属性设置: 演示: 单选框注意事项: 按理说男女里面只能一个,但是现在都能。...对应单选框来说,在同一组内,具有单选效果。 单选框如何分组呢? name属性,name值相同的为一组 提交按钮: 注意: ?...后面是参数列表 如果单选框里面不指定value属性,那么提交给数据库里面的数据显示都为on,无法区分选择的性别是什么 这里参数列表里面没有用户名和密码,说明用户名和密码没有被提交,之所以没有被提交...,是因为我们没有设置其的参数名,即name属性 我们也可以直接给用户名和密码提供一个初始值,通过设置其value属性来完成 单选框默认勾某个选项 完整代码: <!

98220

Android开发笔记(三十七)按钮类控件

Button与ImageButton Button是文本按钮(继承自TextView),而ImageButton是图像按钮(继承自ImageView)。...两者之间的区别在于: 1、Button即可显示文本也可显示图形(通过设置背景图),而ImageButton只能显示图形不能显示文本; 2、Button可在文本周围区域显示小图,而ImageButton...无法在某个区域显示小图; 3、ImageButton的图像可按比例进行拉伸,而Button的大图会拉伸变形(因为背景图无法按比例拉伸); 从上面可以看出,Button的适应面更广,所以实际开发中基本使用...xml布局新加的属性设置: checked : 指定按钮的勾状态,true表示勾,false表示未勾。 button : 指定左侧勾图标的图形。...xml布局新加的属性设置: textOn : 指定右侧开启时候的文本。 textOff : 指定左侧关闭时候的文本。 switchPadding : 指定左右两个开关按钮之间的距离。

1.5K30

【tkinter系列 第六课 Radiobutton窗口部件 】

前言 python中通常我们写程序,显示结果和操作都是在终端区,如果要想实现一个有显示界面的程序那该怎样实现呢?...通常是在多个选项中选取一个,按钮总是以组存在,一组按钮需要使用相同的变量,一组按钮只能有一个被选中。 例-1:你最喜欢的水果? 只能一个,就可以使用单选按钮。 ? 例-2:选择性别? ?...1.显示三个简单的单选框。...解释: 三个单选按钮设置的variable都要设置为相同,value要不相同。 2.显示出对应的按钮的值。...tkinter import * #创建一个主窗口 root = Tk() # 创建 宽400高250的窗口 x是小写的英文字符 root.geometry('400x250') # 给label创建一个文本变量

1.2K10

Java Swing用户界面组件:复选框+ 滑块+组合框+边界+单选按钮

单选按钮 在前一个例子中,对于两个复选框来说,用户可以选择一个、两个或者两个都不。在很多情况下,我们需要用户只选择几个选项当中的一个。当用户选择另一个的时候,前一个就会自动地取消选择。...这样一组框通常称为单选按钮组(radio button group),这是因为这些按钮的工作像收音机上的电台选择按钮。当按下一个按钮时, 前一个按下的按钮就自动地弹起。图9-16显示了典型的例子。...单选按钮是圆形,选择以后圈内出现一个圆点。 单选按钮的事件通告机制与任何其他按钮一样。当用户点击一个单选按钮时,该按钮产生一个动作事件。...• JRadioButton(String label, Icon icon) 用给定的标签和图标构造一个初始化为“未”的单选按钮。...可以在任何继承了JComponent的组件应用边界。最常见的是在一个面板周围设置边界,然后用其他用户界面元素(如单选按钮)来填充面板。 有几种不同的边界可供选择,但是使用它们的步骤完全一样。

6.7K10

Matlab系列之GUI设计基础

这时候回到GUI窗口,运行图形,在出现的界面,在按钮右键,弹出Untitled 4下5和6的菜单选项 ?...如果为单选按钮或复选框指定 CData 属性,则图像可能与文本字符串重叠。另外,为单选按钮或复选框指定图像会禁用在选择或取消选择它们时显示的功能。...: •如果为复选框、按钮单选按钮或切换按钮指定一个元胞数组,则 MATLAB 仅显示元胞数组中的第一个元素。...当用户在其上点击并释放鼠标按钮时,状态发生变化。 'radiobutton' 可具有两种状态(选择和取消选择)的按钮单选按钮在一组相关的单选按钮中有意安排为互斥。 'edit' 可编辑的文本字段。...可由用户定义个性化的名字 (4)TooltipString - 工具提示文本字符串 用户将鼠标指针悬停在控件并停留在该位置时,将显示工具提示。

5.8K10

Python Tkinter Gui 常用组件介绍 基本使用

点击这个按钮将会在这两个值间切换,一组方框,可以选择其中的任意个 Radiobutton 单选框 一组可选框,其中只有一个可被"选中" ,以当前勾的值为准 Entry 文本文本输入框,文本输入域...Scrollbar 滚动条 对其支持的组件(文本域、画布、列表框、文本框)提供滚动功能 Text 文本域 多行文字区域,可用来收集(或显示)用户输入的文字(类似 HTML 中的 textarea) ScrolledText...(部分组件有:Button、Label …) bd 组件边框的大小,默认为 2 个像素 image 组件显示的图片 font=(‘行楷’, 15, ‘bold’) 字体,大小,加粗 fg 字体颜色...,建议复制代码运行仔细观察一下有助于理解 该示例使用了grid()网格布局,输入组件,标签组件,文件选择组件,单选框组件,复选框组件,按钮,滚动文本域,大部分都写了注释哈; import sys import...text=勾选框文本, variable=赋值对象, value=勾后的值 self.choose_day_one = tk.Radiobutton(self.choose_day_frame

2.6K20
领券