ubuntu下使用golang、qml与ubuntu sdk开发桌面应用 (简单示例)
找了很长时间go的gui库,试了gtk,准备试qt的时候发现了这个qml库,试了下很好用。
##准备工作
**1、Go 1.2RC1**
go的版本应该不能低于这个,我是在1.2RC发布当天升级后发现的qml,并测试的。
**2、qml**
项目主页 https://github.com/niemeyer/qml 目前还是alpha版。
项目主页里面有各个平台的安装方法
装好后会顺带把qtcreator的ubuntu sdk plugin也给装上。
然后运行qml的示例程序 github.com/niemeyer/qml/examples/particle
![qml](http://images.cnblogs.com/cnblogs_com/hangxin1940/508415/o_qml1.png "qml")
##Go qml
这里尝试写一个简单的登录窗口
![qml](http://images.cnblogs.com/cnblogs_com/hangxin1940/508415/o_qml2.png "qml")
**1、编写qml**
打开ubuntu sdk creator,设置下编译环境
![qml](http://images.cnblogs.com/cnblogs_com/hangxin1940/508415/o_qml3.png "qml")
在 tools -> options 中 build & run 条目中找到 qt versions,然后添加qmake的路径
32-bit: /usr/lib/i686-linux-gnu/qt5/bin/qmake
64-bit: /usr/lib/x86_64-linux-gnu/qt5/bin/qmake
然后创建一个qml项目,这里可以尝试创建一些示例项目,这里我选择了 qt quick2 ui。
他会创建3个文件,一个工程文件,一个源码文件,还有一个与当前用户有关的xml。
首先修改工程文件,加入ubuntu sdk的import路径。
修改`qmlproject`后缀名的文件,在最后面`List of plugin directories passed to QML runtime`注释下面加入几行:
/* List of plugin directories passed to QML runtime */
importPaths: [ "." ,"/usr/bin","/usr/lib/x86_64-linux-gnu/qt5/qml" ]
然后编辑`qml`后缀的UI文件:
// 这里用到了quick2和ubuntu sdk的模块
import QtQuick 2.0
import Ubuntu.Components 0.1
import Ubuntu.Layouts 0.1
MainView {
id: root
objectName: "mainView"
applicationName: "LoginWindow"
width: units.gu(50)
height: units.gu(30)
Page {
title: "Login Window"
objectName: "mainPage"
Column {
anchors.leftMargin: units.gu(2)
anchors.rightMargin: units.gu(2)
anchors.topMargin: units.gu(2)
anchors.bottomMargin: units.gu(2)
anchors.fill: parent
spacing: units.gu(3)
width: parent.width
Item {
anchors.left: parent.left
height: txtName.height
anchors.right: parent.right
Label {
id: lblUsername
width: units.gu(7)
anchors.verticalCenter: txtName.verticalCenter
text: "User Name"
}
TextField {
id: txtName
anchors.left: lblUsername.right
width: parent.width - lblUsername.width - units.gu(4)
anchors.leftMargin: units.gu(4)
objectName: "txtName"
placeholderText: "type your username"
//焦点变更事件
onFocusChanged: {
if(focus){
//当获得焦点时就用js控制台输出,qml会把它默认转到绑定语言的控制台标准输出
console.log("qml: txtName focused")
}
}
onTextChanged: {
console.log("qml: " + txtName.text)
//goObject将会被注入,它是一个go对象
//这里要注意,go对象的属性或方法在go层面必须是暴露的
//但在qml中被js调用时首字母必须小写,多试几次就知道了
goObject.txtNameChanged(txtName.text)
}
}
}
Item {
anchors.left: parent.left
height: txtName.height
anchors.right: parent.right
Label {
id: lblPasswd
width: units.gu(7)
anchors.verticalCenter: txtPasswd.verticalCenter
text: "Password"
}
TextField {
id: txtPasswd
anchors.left: lblPasswd.right
width: parent.width - lblPasswd.width - units.gu(4)
anchors.leftMargin: units.gu(4)
objectName: "txtPassword"
echoMode: TextInput.Password
text: "password"
}
}
}
}
}
然后在qtcreator的build菜单中选择run,它会用qmlscene来加载这个ui,以便调试效果。
在qtcreator中design好像有点问题,所以不建议这种所见即所得的编辑方法,这在ubuntu 13.10版本中,qt5正式引入后可能会改善。
**2、编写main.go**
在qml项目目录编写main.go
package main
import (
"github.com/niemeyer/qml"
"log"
)
// 用于注入qml的go结构
type GoObject struct {}
func (g *GoObject) TxtNameChanged(text string) {
log.Println("go: ",text)
}
func main() {
// 初始化qml
qml.Init(nil)
// 创建引擎
engine := qml.NewEngine()
// 加载qml
component, err := engine.LoadFile("atomqq.qml")
if err != nil {
panic(err)
}
// 获得上下文
context := engine.Context()
// 将一个go对象注入进qml上下文
goObject := GoObject{}
context.SetVar("goObject", &goObject)
// 创建qml窗口
window := component.CreateWindow(nil)
// 获得根控件
root := window.Root()
// 根据Name属性获得空间
//obj := root.ObjectByName("mainPage")
//obj.Set("title", "xx登录窗口")
// 显示窗口
window.Show()
// 获得根控件的一个属性
width := root.Int("width")
log.Println(width)
// 设置一个属性的值
// 这里将窗体的宽度增加1个像素,来出发qt对窗体进行重回
// 由于使用的qml、qt5还有go在ubuntu中都不是稳定版,可能时某个里面还有bug.
// qml窗体在初始化时,貌似没有画好,必须得手动重绘一次
root.Set("width", width + 1)
// 等待退出
window.Wait()
}
然后go run main.go
![qml](http://images.cnblogs.com/cnblogs_com/hangxin1940/508415/o_qml4.png "qml")
可以看到qml的信号被正确触发,控制台也有输出了
最新文章
- 奇怪的UnexpectedRollbackException异常
- jqueyr eq get用法
- Hibernate中主键生成策略
- 2016年12月21日 星期三 --出埃及记 Exodus 21:16
- Android 开发框架汇总
- 【matlab】读写文件
- 【LeetCode OJ】Populating Next Right Pointers in Each Node II
- VS2008使用技巧及快捷键大全
- —教训深刻—SQL Server大约TempDB使用
- Struts2第十二篇【模型驱动】
- 嵌入式 Linux 与linux启动时自动加载模块
- Java IO(三)
- python跨行 print:多用(),换行符\要小心,少用+或者不用(其它程序代码跨行用\就行,不能用括号)
- ScheduledThreadPoolExecutor线程池scheduleAtFixedRate和scheduleWithFixedDelay的区别
- LeetCode:152_Maximum Product Subarray | 最大乘积连续子数组 | Medium
- 1.3eigen中数组类和系数的运算
- mysql实践总结
- 【读书笔记】iOS-处理内存警告
- SpringBoot系列之jar包转war包
- Python中的and/or
热门文章
- Python图形编程探索系列-05-用控制变量构建对话程序
- C++ 指针悬挂和赋值操作符的重载,拷贝构造函数实现
- Python进制转换(二进制/八进制/十进制/十六进制)
- eclipse和jdk的版本问题,比如printf()出错
- springmvc中的页面解析器ViewResolver不起作用,变量输出字符串的解决方案
- android:ProgressBar控件
- verilog语法实例学习(12)
- Linux及Arm-Linux程序开发笔记(零基础入门篇)
- OpenGL核心技术之HDR
- Newtonsoft.Json2.0下面序列化和反序列化