① ui文件怎么打开
不同的系统打开方式不同,分别用以下软件打开:
Mac OS系统
Trolltech Qt Designer
Any text editor
Windows系统
Trolltech Qt Designer
Any text editor
Linux系统
Trolltech Qt Designer
KDevelop
Any text editor
注:制作ui文件
首先应该用Qt Designer绘制一个自己的界面,并存为myform.ui(这里的myform可以用自己喜欢的名字代替)。
在制作自己的界面文件时要注意以下几个要点:
1、要记住ui文件的名字,因为uic生成的代码会存在ui_myform.h里
2、要记住主窗体的object name, 因为ui文件提供的类名将以这个form的名字来命名 3、要特别注意你的form选择的基类要和你代码中的窗体类兼容
4、要记得给每个后面需要访问到的控件起一个有意义并且好记的object name, 因为ui文件提供的控件将以这些object name来命名
② Qt中怎么用Ui文件
第一步,制作ui文件。x0dx0a首先应该用Qt Designer绘制一个自己的界面,并存为myform.ui(这里的myform可以用自己喜欢的名字代替)。x0dx0a在制作自己的界面文件时要注穗亩意以下几个要点:x0dx0a1、要记住ui文件的名字,因为uic生成的代码会存在ui_myform.h里x0dx0a2、要记住主窗体的object name, 因为ui文件提供的类名将以这个form的名字来命名x0dx0a3、要特别注意你的form选择的基类要和你代码中的窗体类兼容x0dx0a4、要记得给每个后面需要访问到的控件起一个有意义并且好记的object name, 因为ui文件提供的控件将以这些object name来命名x0dx0a清楚了以上几点,在代码中使用你的ui文件就会变得非常简单。x0dx0a第二步,将ui文件加入工程x0dx0a这一步最简单,只需要修改pro文件,加入FORMS+=myform.uix0dx0aqmake -project命令也可以识别后缀名为ui的文件,并将之加入工程。x0dx0a第三步,在代码中引用ui文件x0dx0a官方介绍的使用ui文件的方法有三种,一个是直接引用,二是单继承,三是多继承。第一种方法其实很不实用,大家去看一下文档中的例子就可以了;第二种和第三种没有本质的差别,可以并作一类,这里做重点介绍。x0dx0aui文件最终会被翻译成标准的C++代码,并存入一个.h文件中,这个过程在调用make之后才进行,所以初始情况下你是看不到这个ui_myform.h文件的,只有经过了make过程该头文件才生成。不过没关系,没有这个文件我们照样能写出正确的代码。x0dx0a单继承方式简单来说就是在代码中首先要自定义一个子类(后文称为MyForm),该类要从form对应的窗体类(或其兼容的子类)派生;并用ui生成的类定义一个类里的成员变量(后文成文myui)。这样在MyForm的构造函数中可以直接调用myui和myui中的变量和函数,使用起来很方便。猜昌森举例说明, 比如这里有一个ui文件叫myform.ui, ui文件里定义的窗体名字为BigWidget,上面摆放了一个单行编辑控件叫lineeditName:x0dx0a//myform.hx0dx0a#include “ui_myform.h”x0dx0ax0dx0aclass MyForm: publicx0dx0ax0dx0aQWidget {x0dx0ax0dx0aQ_OBJECTx0dx0apublic:x0dx0aMyForm(QWidget*parent)x0dx0ax0dx0a{x0dx0ax0dx0amyui.setupUi(this);x0dx0a}x0dx0aprivate:x0dx0ax0dx0aUi::BigWidget myui;x0dx0ax0dx0aprivate: x0dx0avoid my_function();x0dx0ax0dx0a};x0dx0a上面这段简单的类的声明是前文所述前三点要点的最佳例证,请对照要点的文字描述和具体的代码体会其中的含义。这里还有一点比较有意思的地方,就是ui文件提供的类被包含在了名为Ui的name space里,这样做的目的是将ui文件的命名空间与用户的代码分离,避免两者出现命名冲突的情况。相应的,迅缺写代码的时候也要注意在使用ui文件中的类时要用“Ui::”的方式进行引用。x0dx0a再来看cpp文件x0dx0a//myform.cppx0dx0a#includex0dx0a#include “myform.h”x0dx0ax0dx0avoid my_function(void)x0dx0ax0dx0a{ QMessageBox::information(this, “Name”, myui.lineeditName->text());x0dx0a}x0dx0a这里随便写了一个函数,为了说明如何在窗体类里调用ui文件中定义的控件。这段代码非常简单,就不多作说明了。x0dx0a有了单继承的基础,学习多继承是小菜一碟。来段代码看一下就明白了。x0dx0a//myform.h #include “ui_myform.h”x0dx0aclass MyForm: public QWidget, public Ui::BigWidgetx0dx0a{x0dx0aQ_OBJECTx0dx0apublic:x0dx0aMyForm(QWidget*parent)x0dx0a{x0dx0asetupUi(this);x0dx0a}x0dx0aprivate:x0dx0avoid my_function();x0dx0a};x0dx0a//myform.cppx0dx0a#includex0dx0a#include “myform.h”x0dx0ax0dx0avoid my_function(void)x0dx0a{x0dx0ax0dx0aQMessageBox::information(this, “Name”, lineeditName->text());x0dx0a}x0dx0a是不是不用说明大家也能明白呢?多继承其实就是不仅从form需要的窗体类去派生,还要加上ui提供的类本身。这样带来的好处是你的窗体类继承了ui里的所有控件和方法,调用时就可以少写一些字。x0dx0a单继承和多继承这两种方法没有好坏之分,大家可以根据自己的编程习惯取舍。x0dx0a第四步,编译、验证在pro文件包含正确FORMS信息的情况下,运行qmake; make就可以编译工程了。 make时如果你认真看一下输出就会发现,make在最开始编译的时候就会自动调用uic去生成需要的代码。经过make之后ui_myform.h文件就生成了,建议大家去看一下这个文件的内容。
③ 在QT中,ui->的作用是什么
.ui通常是用Qt 设计师设计出来的界面文件的后缀。ui 通常指向用这个ui文件里面的类创建的实例。就是说内通常情况容下ui是一个指向这个界面类的指针。而ui->一般就是用来访问这个界面类里面的控件。
例如你的ui文件里有一个叫btn的QPushButton。你就可以这样来访问这个按钮ui->btn.
④ 如何使用ui文件
UI色彩体系:
高亮色,文字色,分割线色,背景色,辅助色,normal ,pressed,disabled的状态都是附加了比如10%的#000,10%#ffff之类的。
文字体系:
文字大小,line-height,所以字体大小与line-height的比例关系建议保持一致,如果存在小数点,可以四舍五入。比如:28px字体大小的line-height是40px。那26px的字体,line-height可以取36px,比例是1.4。
UI设计不只是单纯的用户界面的美观设计,而是一个结合用户体验,产品思维,美观设计等多学科之间的综合设计。对于设计师的综合能力要求很高。
想要解决界面的交互合理性和易用性,首先需要设计师具有一定的产品逻辑思维和一定的优化使用便利性的能力,并且可以根据用户的不同反馈,在界面设计上做出相应的调整。