首页 > 代码库 > 一个考试模拟界面——先记录一下下ui上的东东
一个考试模拟界面——先记录一下下ui上的东东
先上图，有图有真相
要记录的有以下几点：
（1）如何给控件widget加背景图片
（2）如何改变控件中的字体大小，如何让界面中字体都改变
（3）如何构造除了这么漂亮的布局呀，这一点上还是很骄傲的!嘿嘿。。。
（4）在python2.7编写出的界面上显示中文
Part1:
还是先写如何布局吧。。按照时间顺序来。。
在pyside中，关于layout，已经接触的有：QtGui.QVBoxLayout(竖直向下的),QtGui.QHBoxLayout（横向的），这两天接触到了一个QtGui.QGridLayout(网格状的)。
这个网格状的，个人觉得甚是好用啊，当然这个好用指的是在布局很复杂的时候，如果只是很简单的横向和纵向的布局，用前两个就好啦。。。
这两天还接触到了一个很好用的Qwidget：QtGui.QGroupBox，他是一个控件，却能设置layout，弥补了layout 添加layout时的一些问题（我遇到了显示不出来，还有布局很不好看的问题）
就上图这么一个小小的界面，我就用了6个QtGui.QGroupBox，每个GroupBox其实他会有一个类似于盒子边框的线条。
贴两段代码来解释：
self.hGBox = QtGui.QGroupBox() //创建最主要的GroupBox，在这个括号里可以给这个盒子命名，例如图中的：“笔记” self.hGLayout = QtGui.QHBoxLayout() //创建一个布局是横向的布局 self.mainEdit = QtGui.QTextEdit() //新建一个TextEdit self.mainEdit.setFixedSize(800,600) //设置它的固定大小 self.createVGBox() //这里其实调用的另一个函数，执行也就是创建一个纵向的GroupBox(也就是上图的右边部分) self.hGLayout.addWidget(self.mainEdit) //布局中添加控件 self.hGLayout.addWidget(self.vGBox) self.hGBox.setLayout(self.hGLayout) //这句很王道啦，一定要有哟，不然这个box空空如也
下面再贴一段代码：（主要来记录一下GridLayout 的用法，虽然好像没有怎么太大发挥其作用）
self.midBox = QtGui.QGroupBox() midLayout = QtGui.QGridLayout() self.findScore = QtGui.QPushButton(self.tr(‘查看成绩‘)) self.showError = QtGui.QPushButton(self.tr(‘显示错题‘)) self.saveError = QtGui.QPushButton(self.tr(‘保存错题‘)) self.seeHistory = QtGui.QPushButton(self.tr(‘历史成绩‘)) self.findScore.setFixedSize(80,30) self.showError.setFixedSize(80,30) self.saveError.setFixedSize(80,30) self.seeHistory.setFixedSize(80,30) midLayout.addWidget(self.findScore,0,0,1,1) //这个布局与其他两者不同之处在于addWidget后面可以跟好多整数啊。。。呵呵 midLayout.addWidget(self.showError,0,1,1,1) //不废话了，这五个参数的意义是：控件，起始行，起始列，（第一个都是从0开始滴），占用行数，占用 列数，最后一个是对其方式，这个还没有用过。。。 midLayout.addWidget(self.saveError,0,2,1,1) midLayout.addWidget(self.seeHistory,0,3,1,1) self.midBox.setLayout(midLayout)
part2:显示中文的问题
百度了一下（我也想google，无奈前段时间知道的代理网址又被封掉了。），网上有很多的方法极其解释，其解释涉及到编码的问题，额。。下次深究
这里只简单的给出解决之道：
#-*- coding: utf-8 -*- //这个虽然是个注释，但是但是一定要有，不然行不通，这句话好像只能放在前两句from PySide import QtGui,QtCoreQtCore.QTextCodec.setCodecForTr(QtCore.QTextCodec.codecForName("utf8")) //这个当然也很重要啦，还有必须放在开头
有了这两句话，下面在写文字的时候要用self.tr函数（深究又是一篇博文了）
例如：
remainTimeLabel = QtGui.QLabel(self.tr(‘剩 余 时 间‘))
part3:单个改变字体大小及所有文字改变大小
单个：
font = remainTimeLabel.font() //widget.font(一般控件都会有这个属性滴)font.setPointSize(20) remainTimeLabel.setFont(font)
全部字体统一修改：
if __name__==‘__main__‘: import sys app = QtGui.QApplication(sys.argv) font = app.font() font.setPointSize(20) font.setFont(font) window = MainWindow() window.show() sys.exit(app.exec_())
part4:给控件添加背景图片，这个搞了还蛮久的。。。
方法有两种，一种是widget.setStyleSheet,这个属性会牵一发而动全身，只要父控件设置了这个属性，那么子控件都会被自动的设置了，
例如：上面举例中的hGBox如何设置了，那么小小的mainEdit和vGBox都会是这个属性（包括mainEidt的内部）
方法二：代码多写了几句，但是可以分单元加载背景图片，例如上图中有4张背景图片哟。
拿加载一张图片来说明：
image = QtGui.QPixmap() image.load(‘pink.jpg‘) palette = QtGui.QPalette() palette.setBrush(self.hGBox.backgroundRole(),QtGui.QBrush(image)) self.hGBox.setAutoFillBackground(True) //这句一定要有哟 self.hGBox.setPalette(palette) self.hGBox.setMask(image.mask()) //这句是设置透明为图片的透明，如果图片没有透明的地方，这句也就无所谓啦
ok ，今天先记下这么多，该去看数据结构啦。。。这个软件还木有写完，精髓（mainEdit识别文本中不同于其他的字体，或者是下划线，并且自动将这些特殊的地方删去）还没有开始用呢。。。还有连接网站（这个博客啦）（这个功能不难）。。。还有将其变成一个.exe文件（总不能让使用的人也安装那么多东东，然后去跑代码吧。。）
不说了，玩数据结构去咯。。。
一个考试模拟界面——先记录一下下ui上的东东