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

Xcelsius(水晶易表)系列3——深入了解单值部件

在单值部件中拖入水平滑块(跟昨天做的一类是一样的),双击画布上的水平滑块单值部件,进入属性菜单。...定义完所有四个输入型单值部件之后,开始插入输出部件,这里使用“值”输出部件,就是下图的很类似文本框一样的单值部件,可以作为变量的输出窗口。...调整完成之后,在查看菜单中选择保留画布,隐藏excel数据表窗口,给画布流出足够大的空间,以待我们队各个部件进行布局修改以及排版。...你可以调整所有单值滑块的标题以及值显示位置。(属性窗口、外观、文本)。 在部件窗口中插入一个背景,作为整个部件组的背景。 完成之后,点击顶部菜单,使窗口使用画布。...可以通过预览菜单预览一下滑块的交互效果,没有问题就可以直接通过导出菜单导出swf格式的动态视屏保存了发布了。

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

Qt Designer基本控件介绍——Input Widgets(输入小部件)

常用方法: setText() : 设置文本框内容 Text() : 返回文本框内容 clear() : 清除多行文本框的内容。...可显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平和垂直滚动条 常用方法: toPlainText() : 返回多行文本框的文本内容。...toHtml() : 返回多行文本框的HTML文档内容(HTML文档是描述网页的) append() : 追加字符串 clear() : 清除多行文本框的内容。...Plain Text Edit :纯文本框。用于编辑和显示纯文本控件。...Slider :水平滑块 Vertical Slider :垂直滑块 允许用户沿水平或者垂直方向在某一范围内移动滑块,并将滑块所在的位置转换为一个合法范围内的整数值,QSlider用于控制时间变化,比如播放器

5.6K30

后台系统设计(下篇:输入)

常见类型 ·输入框 ·步进器/微调器 ·滑块 一、Input 输入框 允许用户输入和编辑文本的区域。 外观 单行文本框,用于输入少量的文本: ? 多行文本,用于输入长字符串,多行文本区域显示: ?...·对于搜索操作的文本框,可提供清空快捷操作,从而方便用户快速更换关键词。(Q:由于电脑鼠标的灵活性,此时清空是否有必要?) ? ·帮助文字用于为填写提供更多的上下文背景或指导。...常见的形式有:默认显示,键入显示,悬停或点击显示。 ? ·若输入区域设置了字符或字数限制,应给予一定的提示说明,当用户输入不规范的字符或超出字数限制时应给予清除(Q:清除是否是一个好选择?)。...·如果你不允许滑块选取任意值,请使用分段的步骤点。 ·如果滑块可编辑,当鼠标悬停在手柄上时,手柄高亮显示,并出现手型光标。 ? ·允许用户使用拖拽和点击改变手柄的位置。...·在某些情况下,滑块直接充当为命令控件,在用户选择时或选择后,操作结果即时生效。 例如音量控件。 ·当滑块上没有其实时显示滑块值的地方时,请使用值标签显示滑块的当前值。 ?

4K21

C#学习笔记—— 常用控件说明及其属性、事件

(3)MultiLine 属性:用来设置文本框中的文本是否可以输入多行并以多行显示。值为 true 时,允许多行显示。值为false时不允许多行显示,一旦文本超过文本框宽度时,超过部分不显示。...默认情况下,组合框分两个部分显示:顶部是一个允许输入文本的文本框,下面的列表框则显示列表项。可以认ComboBox就是文本框与列表框的组合,与文本框和列表框的功能基本一致。...下而介绍该控件的常用属性和事件。 1、常用属性: (1)Image属性:用来设置控件要显示的图像。把文件中的图像加载到图片框通常采用以下三种方式。...(2)Value属性:用于设置或返回滑块在滚动条中所处的位置,其默认值为0。当滑块 的位置值为最小值时,滑块移到水平滚动条的最左端位置,或移到垂直滚动条的顶端位置。...这样的程序(如记事本和画图程序)支持一次打开一个窗口或文档。如果需要编辑多个文档,必须创建SDI应用程序的多个实例。

9.5K20

一起来学matlab-matlab学习笔记9 高级绘图命令_1 图形对象_根对象,轴对象,用户控制对象,用户菜单对象

本文很多摘录自图书资料,不做任何商业用途,做技术分享,侵权删除!请不要放弃自己的理想和道路,加油!!...要激活一校验框,只需用鼠标单击该组件即可,且选中的状态在组件上显示出来。 可编辑文本框(edit):允许用户输人与修改文本文字的区域。当用户想把文字作为输人时,可使用该组件。...被选中的组件同时显示出来 滑块(slide):该组件允许用户通过移动某一范围之内的滑块来输人一指定的数值。...用户要移动一滑块,只需在滑块上按下鼠标不放,且在滑块方向上移动;或者是在滑槽内单击鼠标;或者是单击滑块条上的箭头。当松开鼠标后,滑块所在位置将与一数值对应。...用户可以设置滑块的最大值、最小值与当前值等。 静态文本框(text):显示文本行。静态文本经常作为其他控制对象标签,以提供其他用户相关信息,或者是显示滑块的数值。

3.5K40

Python中tkinter模块的常用参数总结

(单行);Text 文本框(多行);Frame   框架,将几个组件组成一组Label    标签,可以显示文字或图片;Listbox   ...它的功能完全可以使用Menu替代;Message 与Label组件类似,但是可以根据自身大小将文本换行;Radiobutton 单选框;Scale    滑块...;允许通过滑块来设置一数字值Scrollbar 滚动条;配合使用canvas, entry, listbox, and text窗口部件的标准滚动条;Toplevel 用来创建子窗口窗口组件...   选定文本前景色;borderwidth(bd)   文本框边框宽度;font  字体;show    文本框显示的字符,若为*,表示文本框为密码框...鼠标按键,仅对鼠标事件有效;type      所触发的事件类型;widget      引起事件的组件;width,heigh       组件改变后的大小,Configure

73730

【译】W3C WAI-ARIA最佳实践 -- 表单

用户使用一个操作,就可以改变三态复选框组中所有选项的状态: 选中整体复选框,可以选中组中的所有选项。 取消选中整体复选框,可以取消选中组中的所有选项。...如果行为适用于某些类型的项目,例如menuitem 元素,则使用特定的角色名称。 3. 子菜单,也称为弹出菜单,是具有 menu 角色的元素。 4....数值调节按钮通常有三个组件,包含一个显示当前值的文本框,一个增加按钮,一个减小按钮。一般来说,文本框是唯一可聚焦组件,因为增加和减小功能可使用光标键访问,一般来说,文本框还允许用户直接编辑其值。...如果数值编辑按钮的文本框允许直接编辑其值,支持以下键。 适用于设备平台的标准单行文本编辑键(请参阅下面的注释)。 可打印字符: 在文本框中输入字符。...注意,许多实现允许某些字符作为值的一部分,并防止输入任何其他字符。 例如,小时和分钟的数值调节只允许从0到59的整数值,冒号':'以及字母'AM'和'PM'。

8.2K30

dropDownList属性

不过,和DropDownList控件相比,还缺少以下内容 1、当点击菜单中的某一项,菜单的文字自动显示文本框中 2、当点击菜单中的某一项,提供一个函数来获得相关的数据(可以是菜单的文字,也可以是相关的文本...先规划好这个JQuery组件的属性: InputName:文本框的name和id属性,默认值是“Q”; ButtonText:右侧按钮的文字,默认值是“示例”; ReadOnly:文本框的可编辑性属性。...DropDownList的组件代码如下,由于是基于JQuery,故要把该代码置于JQuery引用代码之下: 代码比较简单,主要就是依据属性值来拼接HTML代码,下面简单的说明一下: ReadOnly的实现...:由于不是通过设置文本框的ReadOnly属性(会改变文本框的外观),因此采用绑定屏蔽掉文本框的cut、copy、paste、keydown事件来实现。...本站提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

2.2K100

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

不要使用页面控件来显示视图中的层次结构或其他复杂的排列。页面控件不显示视图是如何相互关联的,而且不表明哪个视图对应于每个点,因此它不能帮助用户导航到特定的视图。 避免显示太多点。...比如说,一个图调整图片尺寸的滑块可以在最小值的左边放一张小图,在最大值的右边放一张大图。 根据Thumb所在的位置和当前滑块的状态来为滑块的轨迹定义不同的颜色 不要使用滑块显示音量控制。...如果你需要显示一个音量滑块,当你使用MPVolumeView类的时候请使用系统提供的音量滑块。请注意,当当前活动的音频输出设备不支持音量控制时,音量滑块以适当的设备名称替换。...4.3.18文本框 开关按钮展示了两个互斥的选项或状态。 ? API提示: 想要了解如何在代码中定义文本框,以及在文本框中支持图片和按钮,可以参考UITextField....一般来说,文本框的左侧用于表述文本框的含义,而右侧用于展示附加的功能,如书签。 合适的话,在文本框右侧加入清除按钮。

13.2K30

selectToUISlider

用过google earth的朋友,一定记得google earth的一个功能,那就是查看历史影像功能:有一个时间轴滑块,拖动滑块显示各个时间的影像,如下: ?...没错,就是这个公能,最近做一个WEB的项目,也要用到类似的功能,所以呢就研究了一下,刚开始的时候,记得Jquery UI里面有一个slider的东西,可以实现类似滑块的东西,研究了一下,发现Jquery...mysk/19841003.jpg" width="350" height="350" id="img"> 3、设置显示的样式..."text/javascript"> $(function(){ $('select#valueImg').selectToUISlider({ labels: 19,//设置标签的显示个数...但是,当你鼠标拖动的时候下面的图片不会发生变化,这个离我需要的还差一点,我的鼠标拖动滑块时下面的影像也发生变化,找了半天没有找到相对应的事件,所以,就只能在原始js里做文章了,在里面找了找,selectToUISlider.jQuery.js

80830

零基础学Python【二十三、图形化界面设计 】(基础一篇全,欢迎认领)

滑块 默认垂直方向,鼠标拖动改变数值形成可视化交互 Scrollbar 滑动条 默认垂直方向,鼠标拖动改变数值,可与Text,Listbox,Canvas等控件配合移动可视化空间 Text 文本框 接收或输出多行文本...值为颜色或为颜色代码,如:'red','#ff0000' 7 highlightcolor 文本框高亮边框颜色,当文本框获取焦点时显示 8 justify 显示多行文本的时候,设置不同行之间的对齐方式,...10 selectbackground 选中文字的背景颜色 11 selectborderwidth 选中文字的背景边框宽度 12 selectforeground 选中文字的颜色 13 show 指定文本框内容显示为字符...StringVar()对象 16 width 文本框宽度 17 xscrollcommand 设置水平方向滚动条,一般在用户输入的文本框内容宽度大于文本框显示的宽度时使用。...例如:在一个窗体上设计一个200像素宽的水平滑块,取值范围为1.0~5.0,分辨精度为0.05,刻度间隔为 1,用鼠标拖动滑块后释放鼠标可读取滑块值并显示在标签上。

13.7K30

06-移动端开发教程-fullpage框架

CSS3的新特性已经讲完了,接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件,需要依赖jQuery,要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...编写页面结构 编写html的页面结构,每个section独占一屏幕,默认显示第一屏。...right navigationColor 字符串 #000 项目导航的颜色 navigationTooltips 数组 空 项目导航的 tip slidesNavigation 布尔值 false 是否显示左右滑块的项目导航...slidesNavPosition 字符串 bottom 左右滑块的项目导航的位置,可选 top 或 bottom controlArrowColor 字符串 #fff 左右滑块的箭头的背景颜色 loopBottom

5K50

06-移动端开发教程-fullpage框架

CSS3的新特性已经讲完了,接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件,需要依赖jQuery,要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...编写页面结构 编写html的页面结构,每个section独占一屏幕,默认显示第一屏。...right navigationColor 字符串 #000 项目导航的颜色 navigationTooltips 数组 空 项目导航的 tip slidesNavigation 布尔值 false 是否显示左右滑块的项目导航...slidesNavPosition 字符串 bottom 左右滑块的项目导航的位置,可选 top 或 bottom controlArrowColor 字符串 #fff 左右滑块的箭头的背景颜色 loopBottom

5.1K90
领券