OK , 在Linux的开发环境下,对于我们的简短的PySide程序而言,不需要使用QtCreator,使用文本编辑器。之所以,使用文本编辑器,是因为小应用代码量很少,更重要的是一行行的写可以加深我们对于Qt应用的理解。不过,当我们对整个程序的结构有着比较清晰的认识之后,我们就只需要将精力关注在那些发生改变的部分即可。在这里,我推荐VIM和一个叫做snipmate的插件。

在Hello PySide中,我们写了一个经典的Hello World 。 它在我的Fedora上的实现效果如下:

感觉看起来还不错,但是这个界面的显示只是一个QLabel元素,加上Font属性的 Hello World ,并且显示在屏幕的左上角。距离我们想要的东西还差的很远。

我读大学的时候学习了一门SSD课程,SSD4吧(记不太清楚,好像使用VB)是专门讲界面设计的一些原则的课程。一个界面至少应该有标题,大小,菜单栏,工具栏,状态栏甚至应该具有某些布局等等,并且要考虑到用户的一些使用习惯等等,例如获取焦点,自动切换,以用户为中心的人机交互设计。但是对于HelloWorld而言,它没有自定义的标题,大小是由字体决定等等。万幸的是,Qt给我们提供了丰富的元素来创建这些内容,只需要设置好这些元素的规则即可。

接下来我们使用Widget来创建一个HelloWorld。它应该具有以下的特点,大小,标题。

 #!/usr/bin/python
#coding:utf-8
#Filename:WigetHelloWorld.py import sys
from PySide.QtCore import *
from PySide.QtGui import * app = QApplication(sys.argv) widget = QWidget()
widget.resize(250,150)
widget.setWindowTitle("Hello World")
label = QLabel("<font color=red size=30>Hello world </font>",widget)
label.move(50,50)
widget.show() sys.exit(app.exec_())

第十一行:使用QWidget创建一个Widget对象

第十二行:重新设置Widget的大小,宽度250,高度150

第十三行:设置窗口标题 Hello World

第十四行:在widget上添加一个label,注意要将widget作为一个参数传递给QLabel

第十五行:将label移动到距离widget顶端距离50,左边距离50的位置

效果如下图:

比第一个寒酸的界面显得更加大气一点了。但是我们的代码这样写就会很乱,如果继续添加QPushButton,其他处理等等,不方便管理。既然我们使用一个QWidget类,何不继承它,将需要进行的操作放在子类中。这一点和JAVA的界面编程风格类似。所以对以上代码进行重构:

 #!/usr/bin/python
#coding:utf-8
#Filename:WigetHelloWorld.py import sys
from PySide.QtCore import *
from PySide.QtGui import *
class Example(QWidget):
def __init__(self):
super(Example,self).__init__()
self.initUI()
def initUI(self):
label = QLabel("<font color=red size=30>Hello World</font>",self)
label.move(50,50)
self.setGeometry(300,300,250,150)
self.setWindowTitle("Hello World")
self.show()
def main():
app = QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == "__main__":
main()

本版本中采用OOP的编程思想:类,数据和方法。这里创建了一个Example类,Example类继承QWidget。因此,在构造函数中,需要调用超类的构造函数。

self.setGeometry(300,300,250,150) 
setGeometry的功能主要有两个:定位Widget在桌面上的位置和设置窗口的大小,前两个参数设置距离屏幕left和top的距离,后两个参数设置窗口的高和宽。
 

这样做的好处就是,可以是我们将注意力集中在对整个界面上的编程中,无需关注其他重复的内容。这也是往下的一个基础框架,以后所有的程序都将在如下框架的基础上完成,那么请在vim插件中的python.snippetst中添加自定义的触发器,我的配置如下:

 snippet #
#!/usr/bin/python
#coding:utf-8
#Filename:${1:filename}
snippet qt
import sys
from PySide.QtCore import *
from PySide.QtGui import *
class ${1:classname}:
def __init__(self):
super(${2:classname},self).__init__()
self.initUI()
def initUI(self):
${3:initUI}
def main():
app = QApplication(sys.argv)
${4:TODO}
sys.exit(app.exec_())
if __name__ == "__main__":
main()

打开vim,进入插入模式,输入#,按下tab,vim就会自动给你补全开篇三行。接下来,输入qt,按下tab,就会把整个框架放在你的vim中。

PySide 简易教程<二>-------工欲善其事,必先利其器的更多相关文章

  1. WebGL简易教程(二):向着色器传输数据

    目录 1. 概述 2. 示例:绘制一个点(改进版) 1) attribute变量 2) uniform变量 3) varying变量 3. 结果 4. 参考 1. 概述 在上一篇教程<WebGL ...

  2. PySide 简易教程<一>-------Hello PySide

    PySide 是一个python绑定的跨平台GUI Qt库.目前,支持Python的Qt库有两个PyQt和PySide.PySide是一个免费的软件,与PyQt不同之处在于使用了LGPL,允许PySi ...

  3. PySide 简易教程<三>-------动手写起来

    到目前为止,已经接触的Pyside的界面元素有如下几个:QWidget.QPushButton.QLabel.本次再介绍两个tooltip和messagebox.tooltip是一个鼠标悬浮提示信息, ...

  4. Dart 语言简易教程系列

    google Fuchsia系统 及 dart语言简介 在 InteIIiJ IDEA 中搭建 Dart 的开发环境 Dart Linux 开发环境搭建 Dart 语言简易教程(一) Dart 语言简 ...

  5. WebGL简易教程(三):绘制一个三角形(缓冲区对象)

    目录 1. 概述 2. 示例:绘制三角形 1) HelloTriangle.html 2) HelloTriangle.js 3) 缓冲区对象 (1) 创建缓冲区对象(gl.createBuffer( ...

  6. WebGL简易教程(四):颜色

    目录 1. 概述 2. 示例:绘制三角形 1) 数据的组织 2) varying变量 3. 结果 4. 理解 1) 图形装配和光栅化 2) 内插过程 5. 参考 1. 概述 在上一篇教程<Web ...

  7. WebGL简易教程——目录

    目录 1. 绪论 2. 目录 3. 资源 1. 绪论 最近研究WebGL,看了<WebGL编程指南>这本书,结合自己的专业知识写的一系列教程.之前在看OpenGL/WebGL的时候总是感觉 ...

  8. mysql进阶(二)索引简易教程

    Mysql索引简易教程 基本概念 索引是指把你设置为索引的字段A的内容储存在一个独立区间S里,里面只有这个字段的内容.在找查这个与这个字段A的内容时会直接从这个独立区间里查找,而不是去到数据表里查找. ...

  9. Ocelot简易教程(二)之快速开始2

    为什么这篇的标题叫"Ocelot简易教程(二)之快速开始2"呢,因为很多朋友跟我说上一篇" Ocelot简易教程(二)之快速开始1"内容太少了,只是简单介绍Oc ...

随机推荐

  1. jquery.validate.js实例演示

    validate是前端重要的交互手段,提升性能的同时更能提升用户操作体验,validate的实现大概有三种方式:HTML5部分支 持,validate验证框架,手动写js或ajax调用接口.使用val ...

  2. 自定义Spring event

    通过Spring自定义event 首先我们定义我们的event类 package com.hyenas.spring.custom.event; import org.springframework. ...

  3. SVN管理规范

    命名规范 tags 正式版 REL-X.X.X branches 发版前 RB-X.X.X 新功能 TRY-XXX 修BUG BUG-XXXX trunk 开发 使用注意事项 负责而谨慎地提交自己的代 ...

  4. 3D--知识点1

    三层架构 1.DAL(数据访问层)-->与数据库进行关联,对数据库进行增删改查操作2.BLL(业务逻辑层)-->负责加减乘除与或非操作,比如:用户注册3.UI/web(表示层) sqlse ...

  5. 递归小Demo

    public class demo5 { public static void main(String[] args) {        //初始值为100         int n = 100;  ...

  6. Ajax上传文件进度条显示

    要实现进度条的显示,就要知道两个参数,上传的大小和总文件的大小 html5提供了一个上传过程事件,在上传过程中不断触发,然后用已上传的大 小/总大小,计算上传的百分比,然后用这个百分比控制div框的显 ...

  7. 继承Animation

    package cativity.cyq.alphaanimal; import android.view.animation.Animation; import android.view.anima ...

  8. IOS NSNotificationCenter 的使用

    在Android中,为了解耦各个模块的耦合度,我们会使用很多方式,当然最简单而且效率最高的方式就是使用事件总线的方式进行消息分发,但是Android中并没有自带的消息分发机制,需要使用第三方库,比如E ...

  9. SVG之初识

    什么是SVG? 也许现在很多人都听说过SVG的人比较多,但不一定了解什么是SVG:SVG(Scalable Vector Graphics 一大串看不懂的英文)可伸缩矢量图形,它是用XML格式来定义用 ...

  10. 调用支付宝PHP接口API实现在线即时支付功能(UTF-8编码)

    这次在项目中要实现订单功能,所以要完成在线支付,在线支付一般有网银支付和第三方支付(支付宝.paypal等)这两种途径,未简单起见,先完成支付宝在线支付功能,由于项目基于Yii框架,且使用UTF-8编 ...