一.Spin Box在Input组下 二.Spin Box的文字样式可以在Spin Box.Display中修改 三.Spin Box事件 1.On Value Changed:值改变时触发 2.On Value Committed:直接输入状态下按回车时触发 3.On Begin Slider Movement:开始拖动时触发 4.On End Slider Movement:结束拖动时触发…

Text Box:文本输入控件. 一.新建一个名为testTextBox的UserWidget,添加一个名为“EditableTextBox_0”的TextBox到默认容器Canvas Panel 二.选中EditableTextBox_0,添加如图所示2个事件 三.运行游戏,输入文字“Hello World!”,可以看到没输入一个字符都会触发Text Changed事件 四.输入文字“Hello World!”以后,按回车,会执行Text Committed事件. 五.如果输入中文,事件会被执…

把子元素的内容渲染到一个Render Target上去,然后放把它放置到到屏幕上去. Retainer Box的作用: 1.控制UI更新频率 2.把渲染后的UI当成Texture,放入材质中,加工后,再显示 一.Phase Count,多少帧更新一次子元素.没到更新时间时,子元素处于完全静止状态,包括子元素的tick事件也不会被调用 二.Phase,在Phase Count中的第几帧开始更新.例如:Phase=2,Phase Count=60:每60帧更新一次子元素,每次更新周期的第2帧才开始更…

Invalidation Box:使条目无效的容器.使容器内的条目不再更新,如果确定某一个UI不需要更新的话,就可以把这个UI放到Invalidation Box中. 一.Invalidation Box是一个性能优化容器 二.通过外界给Invalidation Box内的子控件赋值,子控件是会更新的.只有子控件自身代码引起的变化会被Invalidation Box禁止更新. 三.Invalidation Box.CanCache:Invalidation Box的子控件是否可被更新,true可…

一.Size Box用来指定一个特定的尺寸 二.Size Box只能放一个子控件 三.Size Box一般作为Canvas Panel的子控件,并勾选Size To Content选项,而不作为根节点. 四.如图例子所示(下同),Image_0.X=300,Image_0.Y=300. 不设置Size Box.Child Layout属性,勾选Size To Content选项.SizeBox的实际尺寸就是Image_0的尺寸:300*300: 五.设置Size Box.Width Overri…

一.Scale Box只能有一个子控件,再拖放一控件进去是不行的. 二.Scale Box缩放保持长宽比例 三. Scale Box.Strectching.Strectch:拉伸设置.  Scale Box.Strectching.Strectch=Scale to Fill:填充满整个Scale Box,并且始终保持比例缩放. 四.Scale Box.Strectching.Strectch=Scale to Fit X:只充满横向(X轴),保持比例 当纵向(Y轴)过小的时候,就会被裁减,保…

一.黑边,当可以往下滚动的时候,下边会出现黑边.当可以往上滚动的时候,上边也会出现黑边.   Scroll Box.Style.Style:也可以自定义上下左右黑边的样式: 二.Scroll Box.Orientation:Scroll Box默认是纵向排列子控件,也可以修改成横向排列.但没法横向和纵向都出现滚动条. 三.Scroll Box.Style.Bar Style:自定义滚动条的样式.   四. Scroll Box.Scroll Bar visibility:滚动条是否可见 五.Sc…

一.Wrap Box的子控件可以根据Wrap Box的大小自动换行 1.Wrap Box.Inner Slot Padding:Wrap Box所有子控件留白,可以实现每个控件之间的间距都是相同,但是Wrap Box边沿控件距离边界的间距为0. 2.Wrap Box.Wrap Width:设置强制换行的宽度,而不是根据Wrap Box的实际宽度.需要勾选Wrap Box.Explicit Wrap Width属性. 3.Wrap Box子控件.Padding:子控件也可以单独设置留白 4.Wra…

头部标题,中部为自动填充,底部为一个Horizontal Box,其中的“通讯录”文字比较宽,需要设置Size.Fill=1.5…

HorizontalBox是让子控件水平排列. 属性图如下 Padding 留白.当子控件定义好位置与大小之后,再按padding的值,偏移,这个属性会影响子控件在布局里的位置.一般用于间隔 上下左右留白20px 也可以上下左右分别设置留白 Size 2个值.Auto:根据控件本身的大小来确定大小.Fill:填充 Fill 填充,占据容器所有的剩余空间. 2个以上的控件都设置了Fill,则根据Fill值分摊父容器的剩余空间 Horizontal Alignment.Vertical Alignm…

由于做的东西中涉及到一个控件,查了一下叫spin box,但是,spin box控件只在对话框里面才能使用,而且比较麻烦,更何况还要用十六进制,查到就有可多edit+spin来做,后来找到一个样例着手开始做,做到后来发现只支持十进制,于是就自己尝试着来做首先说明一下我做的spin box的目的效果:1.可以直接输入2.点击上下箭头加减1说明:所有过程都是十六进制接下来介绍一下edit+spin的使用1.控件属性设置:Spin:①Auto Buddy:True②Set Buddy Integer:…

转载自:http://python.jobbole.com/81276/ 英文版出处:http://pythonforengineers.com/your-first-gui-app-with-python-and-pyqt/ 软件版本: python-2.7.12.amd64 qt-opensource-windows-x86-mingw482-4.8.6-1 PyQt4-4.11.4-gpl-Py2.7-Qt4.8.7-x64 简介 许多人在学习如何创建一个 GUI 应用的时候都感到十分的困…

原文:使用PyQt来编写第一个Python GUI程序 本文由 伯乐在线 - Lane 翻译,Daetalus 校稿.未经许可,禁止转载!英文出处:pythonforengineers.com.欢迎加入翻译小组. 简介 许多人在学习如何创建一个 GUI 应用的时候都感到十分的困难.其中最重要的原因是,他们不知道应该从何下手.大多数的教程都只有文字,但事实上仅仅依靠文字很难学会 GUI 编程,因为 GUI 应用大多数都是基于视觉上的. 我们将通过创建一个简单的 GUI 应用来避免上面提到的这些问题…

/*******************************************************************************************/ 一.坐标系统 坐标系统相对于对于父窗口而言(最外层的父窗口就是屏幕了,也可以说外面没有窗口了,这时就是相对整个电脑屏幕而言了) 原点:就是左上角 x: 往右递增 y: 往下递增 具体见图1: 具体示例: /* 对于主窗口,坐标系统相对于屏幕 * 原点:相对于屏幕左上角 * x: 往右递增 * y: 往下递增 *…

软硬件环境 Windows 10 Python 3.4.2 PyQt 5.5.1 PyCharm 5.0.4 前言 控件是PyQt应用程序的基石.PyQt5自带很多不同的控件,包括像button.check box.slider等等.在本节中我们将学习几个非常有用的控件:QCheckBox.ToggleButton.QSlider.QProgressBar和QCalendarWidget. QCheckBox 一个QCheckBox会有2种状态:选中和为选中.它有一个选择框和一个label组成,…

滑块部件由一个简单的操控杆构成,用户可以通过向前或向后滑动滑块来选择数据.这种选择数据的方式对一些特殊的任务来说比单纯的提供一个数据或使用spin box调整数据大小的方式要自然友好的多.而标签部件则用来显示文本或图片. 在以下的示例中,我们将在窗口中显示一个滑块和一个标签.这次我们将在标签部件中显示图片,并使用滑块来控制其显示内容. #!/usr/bin/python # -*- coding: utf-8 -*- import sys from PyQt4 import QtGui, QtC…

PyQt5系列教程(七)控件   软硬件环境 Windows 10 Python 3.4.2 PyQt 5.5.1 PyCharm 5.0.4 前言 控件是PyQt应用程序的基石.PyQt5自带很多不同的控件,包括像button.check box.slider等等.在本节中我们将学习几个非常有用的控件:QCheckBox.ToggleButton.QSlider.QProgressBar和QCalendarWidget. QCheckBox 一个QCheckBox会有2种状态:选中和为选中.它…

QSlider 滑块是由一个简单的滑柄的窗口组件.该滑柄可以前后拖动,通过这种方式我们可以为特定任务选择值.有时候使用滑块比简单提供数值或使用微调框(spin box)更自然. QLabel 显示文字或图像. 该例子中我们将显示一个滑块和一个标签.这次,标签将显示一个图像,滑块用来控制标签. #!/usr/bin/python # -*- coding: utf-8 -*- # slider.py import sys from PyQt4 import QtGui from PyQt4 imp…

近期需要改造项目中的滚动条,使原滚动条在三大浏览器下表现相同,分享一下自己的改造经历: 项目中的滚动条分布在网页的各个小窗口中,使用的是-webkit-scrollbar制作,在-webkit内核的浏览器下表现非常漂亮,但是在ie和火狐下无法兼容,还是非常丑的默认样式. 原计划使用css hack打个补丁美化一下,想到ie hack以后变色的默认滚动条,觉得浑身"蓝瘦香菇".于是决定重写一下这个部分,反正以后用到的地方可以直接拿出来用. 第一次计划打算自己手写,反正逻辑挺简单的,设定个…

利用Qt设计师窗体在运行时创建用户界面 我们利用Calculator窗体例子中创建的窗体(Form)来展示当一个应用(application)已经生成后,是可以在其运行时产生与例子中相同的用户界面. 准备 Calculator窗体例子定好了一个无须修改,可直接使用的用户界面.在本例子中,我们使用一个资源文件来包含之前例子中的calculatorform.ui,它也可以存储在硬盘上. 为了在运行时生成窗体,我们需要在本例子中将QtUiTools 模块库链接进来,工程文件包含了所有需要的信息: HE…

原博网址:http://www.cnblogs.com/feiyangqingyun/archive/2010/12/06/1898143.html 1.如果在窗体关闭前自行判断是否可关闭答:重新实现这个窗体的 closeEvent()函数,加入判断操作 void MainWindow::closeEvent(QCloseEvent *event){   if (maybeSave())   {writeSettings();event->accept();   }   else   {even…

UIRoot 管理 scalePixelPerfect : 像素匹配,图片不会被缩放,除非屏幕高度小于 Minimum Height 或者大于 maximum  Height,如果那样的话,就使用 FixedSize. FixedSize : 图片都会被等比缩放. FixedSizeOnMobile : 意思是PC用 PixelPerfect,手机用 FixedSize. Sprite的各种类型 Simple: 简单的填充,缩放 Sliced: 九宫格,要设置好border Tiled: 重复平…

http://doc.trolltech.com/main-snapshot/model-view-programming.html 介绍 Qt 4推出了一组新的item view类,它们使用model/view结构来管理数据与表示层的关系.这种结构带来的功能上的分离给了开发人员更大的弹性来定制数据项的表示,它也提供一个标准的model接口,使得更多的数据源可以被这些item view使用.这里对model/view的结构进行了描述,结构中的每个组件都进行了解释,给出了一些例子说明了提供的这些类…

Qt Model/View 学习笔记 (七) Delegate  类 概念 与MVC模式不同,model/view结构没有用于与用户交互的完全独立的组件.一般来讲, view负责把数据展示 给用户,也处理用户的输入.为了获得更多的灵性性,交互通过delegagte执行.它既提供输入功能又负责渲染view中的每个数据项. 控制delegates的标准接口在QAbstractItemDelegate类中定义.Delegates通过实现paint()和sizeHint()以达到渲染内容的目的.然而,简…

要想在Qt Designer中使用自定义控件,必须要使Qt Designer能够知道我们的自定义控件的存在.有两种方法可以把新自定义控件的信息通知给Qt Designer:“升级(promotion)”法和插件法.升级法最为简便快捷.顾名思义,升级法就是把Qt自有的控件进行升级改造一番.选一个Qt自有的控件,如果它和我们新加的自定义控件有着相似的 API,那么只要在Qt Designer的对话框里面完成有关新控件的信息就一切大吉,新控件就可以用在Qt Designer创建的form中.但是在编辑…

Qt Style Sheets support various properties, pseudo-states, and subcontrols that make it possible to customize the look of widgets. List of Stylable Widgets The following table lists the Qt widgets that can be customized using style sheets: Widget How…

内容目录 Qt样式单参考 可进行样式设置的部件列表 属性列表 图标列表 属性类型列表 伪状态列表 子控件列表 Qt样式单参考 Qt样式单支持各种属性.伪状态和子控件,这样使得妳能够自行设计部件的外观. 可进行样式设置的部件列表 下表列出的是可使用样式单来自定义其外观的Qt 部件: 部件 如何设置样式 QAbstractScrollArea 支持盒状模型. QAbstractScrollArea的所有继承类,包括QTextEdit和QAbstractItemView(所有的条目视图(item vi…

要想在Qt Designer中使用自定义控件,必须要使Qt Designer能够知道我们的自定义控件的存在.有两种方法可以把新自定义控件的信息通知给Qt Designer:“升级(promotion)”法和插件法. 升级法最为简便快捷.顾名思义,升级法就是把Qt自有的控件进行升级改造一番.选一个Qt自有的控件,如果它和我们新加的自定义控件有着相似的API,那么只要在Qt Designer的对话框里面完成有关新控件的信息就一切大吉,新控件就可以用在Qt Designer创建的form中.但是在编辑…

伪状态    描述 :checked    button部件被选中:disabled    部件被禁用:enabled    部件被启用:focus    部件获得焦点:hover    鼠标位于部件上:indeterminate    checkbox或radiobutton被部分选中:off    部件可以切换,且处于off状态:on    部件可以切换,且处于on状态:pressed    部件被鼠标按下:unchecked    button部件未被选中 子部件    描述::down-…

Qt 4.6: A Quick Start to Qt Designer A Quick Start to Qt Designer Using Qt Designer involves four basic steps: Choose your form and objects Lay the objects out on the form Connect the signals to the slots Preview the form Suppose you would like to de…