Linux qt教程 qt入门（一）

使用Linux纯属为了想了解UNIX下DB2运行和使用情况，而一直喜欢用的FreeBSD上好像不支持DB2数据库，反正我没有看到这方面资料。如果有谁知道的话请你告诉我。我的爱机配置较低，在Freebsd上使用GNOME作为X-Windws有点钝，KDE也就一直都没有尝试过。在安装Linux时，忽然有想看看KDE的念头，于是一古脑全装上了，第一次用时觉得用KDE感觉也不满意，于是将KDE改为UNIX风格，没想到重新启动X-Windws后，速度一下快了起来，终于让我觉得可以顺利的工作了。最近在学习Python编程，想看看在Linux工作下怎样，而无意发现了QT Designer ,再仔细一看竟然使用的是C++。让我大为兴奋，C＋＋再熟悉不过了，于是照着英文说明操练了一会，挺顺手的的，于是试着写了一代码，最后就是不会编译。我的英语水平也有限，忙了半天了也有点累了。今天在网上查了一些资料，终于对QT Designer 有些了解。下面是我在网上看到的一篇文章，先收集以后再说吧。

1. 什么是 QT.

用 Linux 的人,一定都知道 QT 是什么.而利用 QT 编译出来的 KDE 桌面系统,
更是让 Linux 有了一次能和 Windows 的 GUI 相媲美的机会.甚至有人说, KDE
的桌面在图形上,还胜过了 Windows95 了.那麽 QT 到底是什么呢？其实 QT
就是基於 C++ 语言上的一种专门用来开发 GUI 介面的程式.这里面包括了∶
button; label; frame ... 等等很多的可以直接调用的东西.

2. 为什么选择 QT

2.1 QT 是基於 C++ 的一种语言
相信 C/C++ 目前还是一种很多人都在学习的语言. QT 的好处就在於 QT 本身
可以被称作是一种 C++ 的延伸. QT 中有数百个 class 都是用 C++ 写出来的.
这也就是说, QT 本身就具备了 C++ 的快速、简易、Object-Oriented Programming
（OOP）等等无数的优点.
2.2 QT 具有非常好的可移植性（Portable）

QT 不只是可以在 Linux 中运作.也同样可以运行在 Microsoft Windows 中.这也就
意味者,利用 QT 编写出来的程式,在几乎不用修改的情况下,就可以同时在 Linux
中和 Microsoft Windows 中运行. QT 的应用非常之广泛,从 Linux 到 Windows 从
x86 到 Embedded 都有 QT 的影子.

3. 什么是 QT Designer
简单的来说 QT Designer 是一个 GUI 的工具. 这个工具可以帮助我们来加快写 QT
程式的速度. 利用 QT Designer 可以用一种所见既所得的方式,来产生 QT 程式的
GUI 介面的程式码. 通过增加一些功能,就可以完成一个程式了.利用 QT Designer
可以非常快速的学会 QT, 而我们这里说利用 QT Designer 来学习 QT 而不是利用
QT Designer 来写 QT, 这里的区别就在於, QT Designer 所产生的程式码有些繁琐.
跑起来也比较的慢些.我们这里只是利用 QT Designer 来帮助我们学习.而不是直接
去跑 QT Designer 生成的程式码.

3. 基本要求
因为这篇文章主要是告诉大家如何利用 QT Design 来达到快速学习 QT 的.
所以您最也要做到∶
您需要有一台可以跑 Linux 的电脑或者 Microsoft Windows 的电脑
足够的 RAM 和 HardDisk 用以安装、编译 QT
您的 Linux 中需要安装有 KDE、QT、QT Designer、g++ 等等程式.
您如果适用 Microsoft Windows, 则您需要 VC++ 和 QT For Windows
Linux 的使用者最好还能安装一个 Kdevelop（一个非常好的用来开发 QT 的 Develop Enverment）

4. QT Designer
简单的介绍--从 PushButton 开始

假设您一切都安装好了.现在我们打开 QT Designer 吧. 打开後,选择 New -> Dialog
这时侯,您的 QT Designer 中就会出现一个 From1 来. 现在我们 click 一下上面的 tools 中
的那个 pushbutton, (标有 OK 的图标）并且用 mouse 选择到一定的大小. 在这个 pushbutton
上面用您的 mouse double click 一下. 我们就可以改变 pushbutton 的 label 了. 这里我们把
pushbutton1 这几个字,换成 Exit, 然後直接按 Enter 或者用 mouse 选择 OK 也可以. 现在我们
看到, 那个 button 中的标签已将变成 Exit 了. 我们这时侯还需要给这个 Exit Button 一个
signal（信号）, 这样当您在 Exit 这个 Button 上 click 的时侯. QT 才知道如何去处理这个信
号. 我们按一下 F3（connect singnal slot）然後在那个 Exit Button 上面 Click 一下. 这时
侯我们就看到了 Edit Connection 的 Dialog 了. 在 Signal 中选择 clicked, 在 slot 中,先选
择 setFocus() 就好了. 这时侯选择 OK. 我们就算是完成了. 如果想看看这个小程式长什么样子.
可以用 CTRL+T来看 PreView. (see figure 1)
figure 1
首先在您的 $HOME 中建立一个 qt_program 的 Directory 出来. 这个 Directory 将会
作为我们存放文件的地方. 现在我们用 File -> Save 把这个文件存为 form1.ui 放在 $HOME/qt_program
的目录下.现在如果大家打开 form1.ui 来看一看. 会发现那是一堆有很多的东西.所以我们需要用一个叫做 uic 的程式来把 .ui 文件转换成 QT 可以使用的 .cpp 和 .h 文件.
用下面的指令就可以生成我们需要的 .h 文件了
uic -o form1.h form1.ui
而生成 .cpp 文件则需要用以下的指令∶
uic -i form1.h -o form1.cpp form1.ui
这时侯,form1.h中就会看到一个标准的 QT 需要的 .h 文件

1. #ifndef FORM1_H
2. #define FORM1_H

3. #include
4. #include

5. class QVBoxLayout;
6. class QHBoxLayout;
7. class QGridLayout;
8. class QPushButton;
9. class Form1 : public QDialog
10. {
11. Q_OBJECT
12. public:
13. Form1( QWidget* parent = 0, const char* name = 0, bool modal = FALSE, WFlags fl = 0 );
14. ~Form1();
15. QPushButton* PushButton1;
16. };
17. #endif // FORM1_H

1-2: 定义 FORM1.H 这个文件
3-4: 这里是我们需要用到的两个 .h 文件
5-7: 我们根本用不到, qt designer 自己产生的
8: QPushButton 需要用到这个 class
9-11: 我们的 form1 是 based 在 QDialog 上面的
12: 公开的（可以在以後的程式中使用.用过 C++ 的人一定明白）
13: Form1的架构
14: 清除 Form1

15: 产生一个pushbutton （就是那个标有 exit 的按钮

17: 结束对 FORM1.H 的定义

而 form1.cpp 文件如下:

1. #include "form1.h"
2. #include
3. #include
4. #include
5. #include
6. #include
7. /*
8. * Constructs a Form1 which is a child of 'parent', with the
9. * name 'name' and widget flags set to 'f'
10. *
11. * The dialog will by default be modeless, unless you set 'modal' to
12. * TRUE to construct a modal dialog.
13. */
14. Form1::Form1( QWidget* parent, const char* name, bool modal, WFlags fl )
15. : QDialog( parent, name, modal, fl )
16. {
17. if ( !name )
18. setName( "Form1" );
19. resize( 596, 480 );
20. setCaption( tr( "Form1" ) );
21. PushButton1 = new QPushButton( this, "PushButton1" );
22. PushButton1->setGeometry( QRect( 130, 160, 161, 71 ) );
23. PushButton1->setText( tr( "Exit" ) );
24. // signals and slots connections
25. connect( PushButton1, SIGNAL( clicked() ), PushButton1, SLOT( setFocus() ) );
26. }
27. /*
28. * Destroys the object and frees any allocated resources
29. */
30. Form1::~Form1()
31. {
32. // no need to delete child widgets, Qt does it all for us
33. }

1: 我们上面的定义文件
2: pushbutton所需要的 .h 文件
3-6: 我们根本用不到, qt designer 自己产生的
7-13: QT Designer 产生的注解
14-15: Form1 的结构
17-18: 如果Form1:Form1中没有 pass 一个名子过来.那麽就命名为 Form1
19: resize
20: 把显示出来的那个 Dialog 的名子定为 Form1, 也就是 window 中左上角的字
21: 做出一个新的button,名子为 PushButton1
22: 这里设定了 pushbutton 在这个 dialog 中的位置. Qrect(130, 160, 161, 71) 这里是说在一
个Dialog中,以左边最上面来算,位置是(0,0), 所以说,这里的130（横向）和 160 （纵向）就是说我
们从 (0,0)开始,往左边跑130,往下跑 160.这样我们就算出了pushbutton这个按钮画在那里了.後面的161,
71则是定义这个pushbutton到底要画多大,设定了长和高
23: 通过呼叫setText指令,我们可以在这个 button上面给入我们需要的文字.这里是 Exit
24: QT Designer 产生的注解
25: 上面就是处理当接收到 clicked 的信号（singal）以後,我们所作的事情（setFocus on PushButton1)
connect 这里是告诉程式连接一个信号,PushButton1, SIGNAL(clicked()),是说信号是由 PushButton1 发出,
发出的信号为 mouse clicked,PushButton1, SLOT(setFocus())表示信号发出以後,目标（Object）为 PushButton,
event 是 setFocus() 动作
26: 主程式结束
27-29: QT Designer 的注解
30-33: 清除 Form1

由於我们要常常用到 QT Designer, 也就是说,需要常常用到 uic 这苹程式. 为了省去每次都要
打一堆东西的麻烦.我们来写一各小 script 来处理 .ui 档案.
不难看出, uic 在处理/生成 .h .cpp 档案的时侯,用到了两个指令∶
uic -o form1.h form1.ui
uic -i form1.h -o form1.cpp form1.ui
所以我们的 script 就写成∶
###############################################################
#!/bin/sh #
# myuic program convert .ui to .cpp .h by calling uic #
# INPUT_UI=$@ #
#这里读取外面传回来的文件名 #
#
#
if [ ! -f "$INPUT_UI" ] #
then #
echo "UIC File $INPUT_UI Not Found" #
echo #
echo "Userage myuic input_file.ui" #
echo #
exit 1 #
fi #
#上面的语句检查我们所输入的.ui文件是否存在 #
#如果找不到指定的.ui文件,则显示一个简短的 #
#使用说明 #
#
INPUT_H=`echo $@ | cut -d '.' -f1`.h #
#这里我们利用 cut 来处理输入的 .ui 文件. #
#得到一个 .h 的文件名 #
#
INPUT_CPP=`echo $@ | cut -d '.' -f1`.cpp #
#同样的道理,利用 cut 产生一个 .cpp 的文件名 #
#
uic -o $INPUT_H $INPUT_UI #
#这里就是利用 .ui 产生 .h 的文件 #
#
uic -i $INPUT_H -o $INPUT_CPP $INPUT_UI #
#利用 .h 和 .ui 产生 .cpp 文件. #
#
###############################################################

我门把这个文件存为 myuic. 并切 chmod +x 变成可执行档案.
然後 cp 到 /usr/bin 上面. 如果您在电脑中没有 root 的权限.
可以在自己的 $HOME 目录中做一个 bin 的 Directory 出来.
然後去编辑您的 .bash_profile （这里假设您用的是 bash）
如果您的 .bash_profile 中本身已经有了 PATH 这段文字,那麽
您只要在原本的 PATH 後面加上 :$HOME/bin就可以了.如果没有
那麽就在您的 .bash_profile 中写入∶

PATH=$PATH:$HOME/bin

export PATH

这样您以後就可以直接执行 myuic 这个文件了.现在试试看用 myuic 来处理
刚刚的那个 form1.ui 这个文件吧. 先把旧的 .h .cpp 都删除掉∶
rm -f *.cpp *.h
然後用 myuic 来生成新的 .cpp .h 文件∶
myuic form1.ui
这时候用 ls 就会看到 form1.cpp form1.h form1.ui 这三个文件了

这时侯我们只需要写一个小的main.cpp就可以编译form1.cpp了.
main.cpp非常的简单

#include "form1.h"
#include

int main(int argc, char **argv)
{
KApplication app(argc, argv, "Form1"); //KDE 是建立在QT的基础上得所以KApplication
//所以kapp.h实际上包含了qapplication.h
Form1 *form1=new Form1();
form1->show();
app.setMainWidget(form1);
return(app.exec());
}

基本上来说,很简单.然後当然就是编译啦.我建议写出来的东西都用 Kdevelop 来解决.首先 Kdevelop
介面非常的友善.又能省下写 Makefile 的麻烦.打开 Kdevelop 以後,选择项目->新建, KDE2-Normal,
然後选择 Next,在这一页中.注意不要在任何选项中打"x",因为我们用不到.反而会增加麻烦.最後
一直 next,然後 create , exit. 这时侯我们就已经有一个新的项目可以用了.在 menu 中选择:
项目->添加现存文件.然後把 qt_program 中的 form1.cpp form1.h 和 main.cpp 加入. 这时候只要按
一下 F9 , Kdevelop 就会自动帮您把程式 compile 出来.并且执行. 程式执行後,我们不能用 click 那个
Exit Button 退出程式.因为我们并没有给他退出的信号.现在让我们来把程式码作些改动∶

###########################################################
#form1.h
#ifndef FORM1_H
#define FORM1_H
#include
class QPushButton;
class Form1 : public QDialog
{
Q_OBJECT
public:
Form1(QWidget *parent=0, const char *name=0);
QPushButton* PushButton1;
};
#endif // FORM1_H

#################################################################

#form1.cpp
#include "form1.h"
#include
#include
Form1::Form1(QWidget* parent, const char* name): QDialog(parent, name)
{
setCaption(tr("Form21"));
PushButton1=new QPushButton(this,"PushButton1");
PushButton1->setGeometry(QRect(130,160,161,71));
PushButton1-vsetText(tr("Exit"));
connect(PushButton1, SIGNAL(clicked()), kapp, SLOT(quit()));
}
Form1::~Form1(){}

####################################################################

main.cpp 保持不变.经过一番简化.程式码马上简单很多了.
这里我们除了把一些由 QT Design 做出的不必要的 code 挑除以外.对 form1.cpp
做了两个小改动.
1.增加了 #include 这个 head file.
2.我们把∶
connect(PushButton1, SIGNAL(clicked()), PushButton1, SLOT(setFocus()));
改变为
connect(PushButton1, SIGNAL(clicked()), kapp, SLOT(quit()));

同样的信号传送,但是目标对象有所改变.现在目标将作用在 kapp 上面也就是我们
的主程式（main application）,而 SLOT 则是呼叫 quit(),现在 Kdevelop 中更改
程式码.然後按下 F9 .等待程式运行.这时侯我们的程式,只要在那个 Exit 的 Button
上面用 mouse click 一下. 这个程式就完全关闭了.

现在我们在这个 PushButton 中再增加一些功能.我们来看看 QT Designer 中的 ToolTip
功能. 如果您的 QT Designer 中 Property Edit 并没有自动出现.那麽请在 QT Designer
中选择 Menu 中的 Windows 然後选择 Property Edit. 只要在 PushButton1 那个 Button
上面用 mouse click 一下. 就可以对 Pushbutton1 的 Property 进行编辑. 在 Property
Edit 中的 ToolTip 後面可以进行文字输入的地方,打入下面的文字∶

Click On this Button Will Exit Main Window.

然後 sava 文件. （Form1.ui）在用我们的小 script 呼叫 uic 程式把, Form1.ui 转成
Form1.h 和 Form1.cpp
myuic form1.ui
这时侯我们来观察生成的 form1.cpp 文件,我们会发现现在这里面比一前多了些东西.
现在这里多了一行:
QToolTip::add( PushButton1, tr( "Clicke On this Button Will Exit Main Window." ) );
这里,我们用QToolTip中的add,在 Object (PushButton1) 上面加入"Clicke On this Button
Will Exit Main window."这个字幕.现在我们在前面那个被我们简化的 form1.cpp 中,加入上面那
行程式码,因为我们需要调用到 QToolTip 所以我们也要把 qtooltip.h 给 include 进去.
#################################################################

#form1.cpp
#include "form1.h"
#include
#include
#include //因为我们需要用到QToolTip所以,这里要加入qtooltip.h
Form1::Form1(QWidget* parent, const char* name): QDialog(parent, name)
{
setCaption(tr("Form21"));
PushButton1=new QPushButton(this,"PushButton1");
PushButton1->setGeometry(QRect(130,160,161,71));
PushButton1->setText(tr("Exit"));
QToolTip::add(PushButton1, tr("Click On this Button Will Exit Main Window."));
connect(PushButton1, SIGNAL(clicked()), kapp, SLOT(quit()));
}
Form1::~Form1(){}

####################################################################
这时侯,重新编译这个 form1 的程式.您就会看到,当您把 mouse 移动到 Exit 那个按钮的时侯.
停留差不多一两秒钟. "Click On this Button Will Exit Main Window"的字样就会出现.

QPushButton 中还有一个常用的功能就是 setEnabled 了.setEnabled 通过 TRUE 和 FALSE 这两
个值.可以决定这个扭是否可以被使用者按下.
我们现在在 QT Designer 中的 Property Edit 中把 Enable 选择成 FALSE, 然後用 myuic 生成
新的程式码.
$myuic form1.ui
这时候再去观察 form1.cpp 会发现里面多了一行 PushButton1->setEnabled( FALSE ); 这一行就
把 PushButton1 设置为不可使用了. 如果需要 PushButton1 可以正常的被 Click, 那麽只要用
PushButton1->setEnabled(TRUE) 就可以了.

提示∶ 最常用的作法通常是做出一个 SLOT 或者一个判断语句,来设定 PushButton 的状态.

QPushButton 还有一各场常被用到的功能就是 Font （字体的设定）在 QT 中,我们通过 QFont 可以
设定字体的大小,种类.
在 QT Designer 中的 Property Edit 中.有一个 Font 的选项.我们在 Font 後面的那个 ... 上面
按一下,就会出现一个可以选择 font 的 window. 这里我们以 Courier(adobe) 24 号字为例子.选择
後, Save, 然後观察重新用 uic 生成的 .cpp 程序码. 我们会发现主程式中多出了下面这些程式码∶

QFont PushButton1_font( PushButton1->font() );
PushButton1_font.setFamily( "adobe-courier" );
PushButton1_font.setPointSize( 24 );
PushButton1->setFont( PushButton1_font );

後面还多出一个 bool Form1::event( QEvent* ev ). 这里我们先不要去理会 bool Form1::event( QEvent* ev )

只看下面这四行就好了∶

1. QFont PushButton1_font( PushButton1->font() );
2. PushButton1_font.setFamily( "adobe-courier" );
3. PushButton1_font.setPointSize( 24 );
4. PushButton1->setFont( PushButton1_font );

第一行是用 QFont 生成 PushButton1_font. PushButton1_font 是为了给 PushButton1 做字体设定
第二行是告诉 PushButton1_font 使用那种字型. 我们这里使用的是 adobe-courier
第三行用了 setPointSize 设定了我们需要用到多大的字,这里我们用的是 24 号字.
第四行就真正的把这些值给到了 PushButton1 中.也就是说告诉 PushButton1 去改变字体的显示.
加入下面的代码以後,重新编译 form1, 就会看到那个按钮中的 Exit 这几个字明显的变大了.字体也改变
了.
提示∶ 通常在设定字体的时侯.都是用 #define 的方式在文件的开头宣告出来.
例如 #define FONT_SIZE 24
然後在设定时用 PushButton1_font.setPointSize(FONT_SIZE)
这样当您要改字体的时侯,只要把 #define FONT_SIZE 後面的值改了
整个程式中所有的字体就都改变了.而省去了在需要改变字体的时侯,
一个个的去改变没一个 setPointSize中的值

√ PushButton 是非常之常用的一个东西.可以说是任何程式都不可少的.通常最常见
的用途就是作为 "退出" 按钮,对话窗口的选择按钮等等.

QLabel 的使用∶
现在我们再来看看 QLabel 的用法. 在 QT Designer 中, 用 Mouse 选择 Text Label,（就是那个
画了个『A』的图标.）然後用 Mouse 画出一个随便大小的 Text Label. 再用 Mouse 在这个 Label 上面 Double
Click 一下.将跳出的 Window 中的那个 TextLabel1 改成 My Label. 然後按 Save 保存文件. 用 uic 转成
.cpp 和 .h 文件.这使侯,我们发现,在 .h 文件中,多出了

class QLabel; //这里告诉程式,我们下面需要用到 QLabel
QLabel* TextLabel1; // 用 QLabel 生成 *TextLabel1

在 .cpp 中,我们则看到了多出下面这些东西.
#include //这就不用我多说了吧, include 进 qlabel.h 因为我们的 QLabel 需要
TextLabel1 = new QLabel( this, "TextLabel1" ); //定义 TextLabel1
TextLabel1->setGeometry( QRect( 130, 120, 171, 91 ) ); //设定 TextLabel 的位置
TextLabel1->setText( tr( "My Label" ) ); // 还既得我们输入的 My Label 吧.也就是给 TextLabel1 定的
//显示出来的东西.就是用 setText 在这里设定的.
现在我们把这些加入到我们前面写的那个程式中.将上面的东西加入到 form1.h 和 form1.cpp 中.
不过我们这里需要做一点小小的改变.就是把 TextLabel1 的位置远一下.放造屏幕的最左上角.

我门把:
TextLabel1->setGeometry( QRect( 130, 120, 171, 91 ) );
改换成:
TextLabel1->setGeometry( QRect( 0, 0, 171, 91 ) );

重新编译我们的程式.就会看到在程式窗口的最左上角,有一排文字的出现.文字就是我们的 TextLabel 中
定义的 "My Label".
现在回到我们的程式部份.在前面的 PushButton 中,我们给我们的 PushButton 定义了字型及字体.实际
上,字型及字体的定义.在 QT 中是通用的. 我们可以用一样的方法来定义 QLabel 的字体.我们现在在程式
中加入∶
QFont TextLabel1_font( TextLabel1->font() );
TextLabel1_font.setFamily( "adobe-courier" );
TextLabel1_font.setPointSize( 24 );
TextLabel1->setFont( TextLabel1_font );
这样我们就把这个 TextLabel改成了跟前面 PushButton 一样的字体 courier (adobe) 24 号字.
大家常常能看到 QT 中的 TextLabel 是用图片来显示的.实际上,这也很简单.我们在 QT Designer 中,
首先在我们刚刚生成的那个 TextLabel 上面用 Mouse Click 一下.把 Property Edit 的 Focus Set 到
我们得 TextLabel 上面. （如果您刚刚没有用 Mouse 在您的 QT Designer 上面乱按的话.那麽您的 Property
Edit 中的 Focus 应该本身就已经在 TextLabel 上了）这时侯,我们在 Property Edit 中找一个叫做
pixmap 的东西.在 pixmap 後面的『...』中按一下,就出现了一个新的让您还则图片的视窗. QT Designer 中
目前可以接受的图片格式为（这篇文章用的是 QT Designer 1.1）bpm, jpeg, pbm, pgm, png 和 ppm. 所以
大家随便找一个上面格式的图片.然後选择 OK.这时侯您就会发现那个 TextLabel 变成您选择的图片了. 也许
您会发现,图片并没有完全显示出来,而是只显示了一部分.（如果您选择的图片大过您的 TextLabel 的话）这
是很常见的.在 pixmap 底下,有一个 scaledContents 的选项.只要把选项後面的值改成 True 就好了.这时侯
您看到的就是一个经过平衡收放过大小的图片了. 保存（Save）起来.让我们来看看程式码这边是如何处理这
些图片的吧.
首先我们看到的是在 .cpp 的文件中,多出了:
#include
#include
这两个文件.这些都是处理图片时需要的.
後面也许大家就头大了.
static const char* const image0_data[] = {
xxxxx
xxxxx
xxxxx
xxxxx
......
...};
好长的一段.这些是什么呢？看上去满复杂的.不用怀疑,这就是您放进去的那个图片.只不过这里是用
xpm 的格式来处存的.
什么事 XPM 呢？
其实 XPM 是 XPixMap的简称. XPM 是 Linux 中 X11 的一种图像处存的方法.
在 XPM 中,图像被允许用 ASCII 文字模式来保存起来. 而 XPM 的另一个特性就是可以
直接被 C Compiler 所接受.也就是说您可以直接把 XPM 的图片编译到您的程式中.

把 XPM 直接编译到程式中有两个最大的好处:

第一点是程式本身如果有很多图片,用 XPM 全部编译进程式中.就避免了在发行程式得时侯,需要附带很
多图片的麻烦.
第二点就是「相对」来说,被编译进程式的图片,对於一般的普通使用者来说,要改起来会比较麻烦些.
当然,如果说您不准发行Open Source Code的程式.在没有 Source Code 的情况下.想要改您放放入的
图片,就更家困难了.

但是相对的,也有一些不便性∶
程式码本身会加大很多
图片的更改性不灵活
接下来,我们看到了下面的程式码∶

QPixmap image0( ( const char** ) image0_data ); /image0_data 就是前面那个 XPM 的图片啦
TextLabel1->setPixmap( image0 ); / 这里是告诉 TextLabel1 去使用并且显示 image0 (image0_date)
TextLabel1->setScaledContents( TRUE ); /打开自动平衡收放图片大小的功能.

QPixmap 本身其实就接受 xpm 档案. 所以我们可以不用把 XPM 的 Source 编译进程式中.而改用
QPixmap pixmap("image.xpm")的形式.当然,我们需要把图片文件转换成 XPM 的格式.这里我们用
到了 Linux 中本身为我们准备好的工具 convert. convert 本身支持非常多的图片各式的转换.
如果您有兴趣,可以用 man convert 来看看 convert 的详细内容.这里我只介绍如果把一个图片文
件转换成 xpm 的格式.我选择的是 Linux 中的代表图片.一苹可爱的小企鹅--logo.gif,相信每一个
安装了 linux 的人,应该都可以找到这个图片吧.您可以试这用 locate logo.gif 来寻找.找到以後,
把 logo.gif 复制到程式放有 form1 程式码的目录下. 然後用下面的指令来作图片的格式转换∶
convert logo.gif logo.xpm
这时侯,我们就可以看到目录中多了一个 logo.xpm 的文件了.

现在我们回到我们的 form1 程式码中.在前面加入
#include

然後在 TextLabel的後面任何地方,加入下面三行程式码∶

QPixmap pixmap("logo.xpm"); //这里就是告诉 pixmap 我们刚刚 convert 出来的那个图片
TextLabel->setPixmap(pixmap); //让 TextLabel 调用/显示 pixmap (logo.xpm)
TextLabel->setScaledContents( TRUE ) ; //打开自动平衡收放图片大小的功能

记住喔,一定不能在 TextLabel = new QLabel( this, "TextLabel1" ); 以前加入喔!
这时侯重新编译我们的程式码,在新的程式中,您就可以看到那苹可爱的小企鹅了.您也许
会发现企鹅胖的有点变形.那是因为自动平衡是根据您的 TextLabel 的大小来收放图片的.
所以我们只要把:
TextLabel1->setGeometry( QRect( 0, 0, 171, 91 ) );
改换成∶
TextLabel->setGeometry( QRect( 0, 0, 171, 191 ) );
也就是说把高度增加 100,重新编译以後.可以看到,企鹅的大小变得正常多了.

√ Label 也是最常用的组件.通常被用为在视窗中的文字显示.

RadioButton 的简介:

接下来让我慢看看 RadioButton. 在 QT Designer 中,有一个圆圈圈的图案,在圆圈中
有个黑色的实心圆圈.那个就是 RadioButton 了.现在我们在我们的 form1 中,增加一个 RadioButton.
然後来观察程式码.

Linux qt教程 qt入门（一）相关推荐

qt creator linux安装教程,- Qt Creator下载和安装(详细教程)
如果想用一个exe干净利落的发布程序,就需要使用静态编译版的Qt库,网上有教程,我就不多说了,可以教大家用现成的,在Git-hub上正好有静态Qt库: https://github.com/foste ...
【转】[Qt教程] Qt串口通信全新专题
版权声明该文章原创于Qter开源社区(www.qter.org),转载请注明出处! 软件:QCom跨平台串口调试助手! 更新提示这次源码更新,与前面"串口通信专题"主要有下面两 ...
linux学习教程，入门手册(详细且全面)，linux课程超5万字总结[记得收藏]
linux的基础学习分享到这篇就结束了,本篇文章做最后的总结,也是对前面发布的linux学习的补足,并增加了linux的文件操作函数和目录操作函数部分,学海无涯,学无止境,linux的基础学习截 ...
kylin linux 安装教程,新手入门必备：kylin安装教程介绍！
1. 背景最近在学习kylin,在安装的时候遇到一些坑,特意记录起来,也希望同样在学习kylin的人,少踩一些坑(要是连安装都过不去,还怎么学!!!). 2. 环境我选的kylin版本是1.5.4 ...
linux neo4j 教程,Neo4j 入门教程 - 安装
本篇来简单介绍下如何下载并安装 Neo4j,篇目很短,因为真的很简单. 下载 Neo4j 首先在 https://neo4j.com/download/ 下载 Neo4j.你可以选择企业体验版或者免费 ...
QT教程，QT从入门到实战教程完整版
Qt是一个跨平台开发框架,可以使用C++和Qml开发,同时它又不仅仅只是开发框架,它也是一种技术策略,可以让你快速.高效地设计.开发.部署和维护软件,同时在所有设备上提供无缝的用户体验.因而,对于C/ ...
QT Creator 快速入门教程读书笔记（一）
一 Qt简介 Qt 是一个跨平台的C++应用程序框架,支持Windows.Linux.Mac OS X.Android.iOS.Windows Phone.嵌入式系统等.也就是说,Qt 可以同时支持桌 ...
【QT】QT从零入门教程(十一)：QT自定义窗口
首先是借鉴了网上的博客,实现无边框,自由拖动的自定义窗口效果. #ifndef CUSTOMWINDOW_H #define CUSTOMWINDOW_H #include <QtGui&g ...
【QT】QT从零入门教程(七)：图像适应窗口
在第5节里,我们讲解了初始化图像框QLabel的方法,用于显示图像.在第6节里,运用QDockWidget实现了基本窗口布局.在显示图像时,如果打开比QLabel大的图像,会自动出现滚动条.这样能 ...

Linux qt教程 qt入门（一）

Linux qt教程 qt入门（一）相关推荐

最新文章

热门文章