qml
文章平均质量分 81
Luck-Dream
努力才有希望
展开
-
QML中的Keys事件
QML的Keys元素专门用来处理键盘事件KeyEvent。它定义了许多特定的按键信号。onAsteriskPressedonBackPressedonBacktabPressedonCallPressedonCancelPressedonContext1PressedonContext2PressedonContext3PressedonContext4Pres原创 2017-04-24 20:41:36 · 4154 阅读 · 1 评论 -
QML之ListView列表视图
Rectangle{ x:20 y:20 height: 50 width: 50 radius: 5 color: mous.pressed ? "red" :"gray" Text { anchors.centerIn: parent原创 2017-06-13 17:04:56 · 8221 阅读 · 2 评论 -
QML之TextInput
TextInput是QML中一个可编辑输入行元素,只能编辑显示一行,拥有较多的属性,可支持复制黏贴等操作,下面用代码介绍一般使用到的属性再加以说明。 Rectangle{ anchors.centerIn: parent height: 200 width: 500 radius: 5 color: "gray" Comp原创 2017-07-15 15:26:16 · 11175 阅读 · 1 评论 -
Q_OBJECT宏
Q_OBJECT宏的作用 The Q_OBJECT macro at the beginning of the class definition is necessary for all classes that define signals or slots只有加入了Q_OBJECT,你才能使用QT中的signal和slot机制。所有QObject的派生类在官方文档中转载 2017-07-07 16:25:52 · 926 阅读 · 0 评论 -
QML之TextEdit
QML中的元素TextEdit文本编辑器支持多行编辑。编辑多行时候想要换行的时候使用确定按键Enter进行换行,还可以设置属性wrapMode设置自动换行模式。其他的编辑设置属性我们下面代码讨论。Rectangle{ anchors.centerIn: parent height: 200 width: 500 radius:原创 2017-07-25 10:06:33 · 5334 阅读 · 0 评论 -
QML之Text
QML提供的text显示文本,只读显示不能读写。和我们一般的文档软件的显示大同小异,只不过文档提供了直接设置,这里我们需要对Text的属性进行设置,达到我们想要的效果 Rectangle{ height: 400 width: 400 anchors.centerIn: parent Text{原创 2017-06-06 11:04:01 · 6664 阅读 · 3 评论 -
QML旋转,缩放中心设置
QML旋转,缩放等默认是围绕中心点,但是有时候我们的需求并不需要围绕中点点,这时候我们可以通过社原创 2017-08-21 16:20:10 · 3527 阅读 · 0 评论 -
Q_PROPERTY宏
QT提供了一个成熟的属性系统,但是作为一个跨平台的且与编译器无关的库,qt不依赖于非标准的编译器功能例如 __property or [property];QT的强大之处在于它可以支持任何标准的c++编译器。 QT是基于 Meta-Object System(元对象)和signals and slots(信号槽)的.Q_PROPERTYQ_PROPERTY()是一个宏,用来在一个类转载 2017-08-25 19:48:42 · 464 阅读 · 0 评论 -
QML语言国际化
Qt,QML翻译,语言国际化,大概的操作过程与代码的编写,就是书写需要翻译的字符串加上翻译标识,通过配置工程文件生成需要的ts文件,修改ts文件,发布生成需要的qm文件,然后在CPP 上加载设置需要的翻译文件。具体下面说明一,在工程文件上添加TRANSLATIONS += \internationalization/os_language_English.ts \ inter原创 2017-08-25 20:38:43 · 3157 阅读 · 0 评论 -
QML之anchors锚布局
QML的布局方式一般采用两种,一种就是直接设置,X与Y坐标的值。一种是采用相对位置布局,anchors锚布局。使用锚布局的能够使界面更紧凑,更有整体化。我个人相对比较喜欢使用锚布局,选取一个最合适的参考点,其他点对它采用锚布局。anchors.baseline : AnchorLineanchors.baselineOffset : realanchors.bottom : A原创 2017-06-09 15:37:26 · 15471 阅读 · 0 评论 -
QML之Flow流式布局
QML的定位器Flow是一个流式布局,可以说是一个另类的Grid布局,有点相似,Flow布局方式不需要设置属性行与列,只要设置是先布局行还是列,它就会根据子项和布局空间的大小先布局好一行或者时列。Rectangle{ anchors.centerIn: parent height: 200 width: 300 col原创 2017-06-09 11:56:22 · 2486 阅读 · 0 评论 -
QML元素的介绍
1. 介绍QML是一种描述语言,主要是对界面效果等的一种描述,它可以结合javaScript来进行更复杂的效果及逻辑实现。比如做个游戏,实现一些更有趣的功能等 2. 简单的例子import Qt 4.7Rectangle {width: 200height: 200color: "blue"}代码是绘制一个蓝色的矩形,转载 2017-06-09 10:42:13 · 1855 阅读 · 0 评论 -
QML之Column垂直定位器
Column是qml中的一个定位器,自动垂直排列子项,所需要设置的属性相对比较少。 Rectangle{ anchors.fill: parent color: "black" Column{ //垂直布局子对象 y:10 spacing: 20 //相邻项的间隔原创 2017-06-06 20:38:55 · 4369 阅读 · 0 评论 -
QML之Row水平定位器
Row为QML中一个水平自动布局定位器,需要设置的属性不多。下面详细说明。Rectangle{ anchors.fill: parent color: "black" Row{ //水平布局子对象 y:10 spacing: 20 //相邻项的间隔 an原创 2017-06-06 20:50:21 · 5527 阅读 · 0 评论 -
QML之Rectangle属性
QML的Rectangle组件,顾名思义就是描绘一个矩形,一个可视化的对象。外加设置属性来达到我们想要的效果。常用的有矩形的颜色,边框颜色,圆角等设置。Rectangle{ id:rect_buttom //id,一个名字,用来识别 x:100 //相对父窗口的坐标 y:100 width: 200 /原创 2017-06-02 15:57:26 · 15976 阅读 · 0 评论 -
QML之Timer定时器
QML的定时器Timer是一个不可视的对象,用法很简单,需要设置的值也很少。Timer { id: timer_button; interval: 500;//设置定时器定时时间为500ms,默认1000ms repeat: false //是否重复定时,默认为false running: false //是否开启原创 2017-06-02 17:32:41 · 11635 阅读 · 0 评论 -
QML之FolderListModel用法
FolderListModel是QT提供的一个可以访问本地系统文件夹内容的组件,它可以将获取到的信息提供给别的组件使用。注意:使用前需要导入Qt.labs.folderlistmodel模块。Rectangle { height: 400 width: 400 anchors.centerIn: parent原创 2017-06-03 11:56:29 · 5148 阅读 · 0 评论 -
QML之Grid网格定位器
Grid是QML的一个网格定位器,自动排列定位它的子项,当然,我们需要对她的属性进行设置。 Grid{ //网格定位器 rows : 2 //设置网格的行数, columns: 5 //设置网格列数 //如果不进行行列数设置,会根据子项的多少自动设置,(我记得是行列数最相近原则) spacing: 10 //子项之间的原创 2017-06-07 16:21:25 · 4322 阅读 · 1 评论 -
QML之Repeater重复器
Repeater重复器顾名思义就是重复摆放同一个子项。对于一些共同点很多的子项使用重复器可以让代码看起来更加简洁Row{ spacing: 20 y:100 x:100 Repeater{ id:rep model :5 //为重复器提供的数据模型,类型是any原创 2017-06-07 17:22:31 · 7423 阅读 · 0 评论 -
QML之MouseArea事件
QML的鼠标事件是通过不可见元素MouseArea来实现,常用的事件有点击,双击,长按等。常用的设置有鼠标作用域设置,鼠标按键设置等。下面代码详细说明Rectangle{ id:rec_test height: 300 width: 300 radius: 5 color: "gray"原创 2017-06-08 20:17:50 · 7611 阅读 · 0 评论 -
Qt自动添加资源文件
QML资源的添加,在做项目的时候我们添加一个文件,经常会忘记添加进资源编译,导致调试部署时候会出现找不到文件报错。特别是有分桌面版和机器版的工程,在桌面版明明调试好好的界面,部署进机器就是报错(我刚来公司的时候犯过这样的错)。之后我们就制作了一个脚本,自动帮我们添加资源。脚本使用的语言是perl语言,目前我不大懂这个语言,在这里记录只为了保留和希望能帮助到需要帮助的你。//原创 2017-09-21 15:11:36 · 943 阅读 · 0 评论