基于Qt的电视机UI实现技术 .pdfVIP

基于Qt的电视机UI实现技术

基于Qt技术的可移植UI设计

――基于Qt的电视机UI实现技术

1UI软件架构

基于Qt来实现一套电视机用户界面（UserInterface）,首先需要选择一个软件框架，

在Qt中，MainWindow为创建应用程序的UI提供了一个框架。QMainWindow类用于管理

UI页面。

及其相关类共同完成MainWindow中的页面管理。本项目选择了Qt的MainWindow

框架作为实现电视机UI的软件架构。下面介绍一下Qt的MainWindow框架在实际项目中

的应用。

1.1Qt的MainWindow框架

Qt的MainWindow框架，以QMainWindow类作为程序主窗口。QMainWindow类拥有自

己的布局，如图1-1-1所示：

图1-1-1主窗口布局

根据电视机UI的特点，用户只能通过遥控器及本机按键来操作UI，因此只需要一个

中心区域显示交互内容就足够了。对于QMainWindow布局中的MenuBar、Toolbars、Dock

Widgets、StatusBar这几个部分是我们所不需要的。我们只需要关注CentralWidget即

可。

QMainWindow的CentralWidget可以是多种类型：?Qt提供的标准窗口部件，比如

QWidget、QTextEdit等；?用户自定义的窗口部件；

?布局管理器组织起来的多个widgets；

?分裂器―QSplitter。QSplitter作为一个容器可以容纳多个窗口部件，此时中央部

件是

一个包容多个窗口部件的容器；

?多文档区部件―QMdiArea。如果应用程序使用MDI,则CentralWidget将被一个

QMdiArea部件占据。每个MDI窗口都是这个QMdiArea部件的一个子部件。应用程序

选择哪种类型作为CentralWidget，需要由具体需求决定。电视机UI通常具有主菜单、

一级子菜单、二级子菜单、快捷菜单、信息提示菜单等多个菜单显示页面。本项目将每个

菜单页面视作一个文档（Document），各级菜单之间的切换，采用多文档界面（Multiple

DocumentInterface）模式进行管理，因此选择QMdiArea作为主窗口的CentralWidget。

通过调用QMainWindow的setCentralWidget()方法来设置CentralWidget。

QMdiArea提供了一个管理/显示多文档界面的区域。它通常作为应用程序多文档界面

主窗口的CentralWidget，实现对子窗口的管理、绘制和排布。QMdiArea具有独特的多

文档子窗口类QMdiSubWindow，它在多文档区部件内表现为一个顶层窗口，可以关闭、最

小化和最大化，具有独立的窗口标题。QMdiSubWindow具有自己的布局管理器，该布局管

理器管理窗口标题栏和放置窗口部件的中心区域。多文档子窗口QMdiSubWindow和多文档

区部件QMdiArea共同实现应用程序的多文档功能。通常通过调用函数QMdiArea：：

addSubWindow()为一个多文档部件添加一个多文档窗口，并返回该多文档子窗口的指针。

总结：一个基于MDI的QtMainWindow框架，由QMainWindow、QMdiArea、

QMdiSubWindow三个核心类构成。其中，

QMainWindow类主要提供了一个应用程序的主窗口，在主窗口中提供了Central

Widget区域，用于页面管理。

QMdiArea类被设置成CentralWidget，实行具体的子窗口管理任务；在QMdiArea中

加入的每个子窗口都是QMdiSubWindow类或其派生类的对象；该类负责管理菜单页面的创

建、销毁、显示、隐藏等等。需要注意的是，新菜单创建、老菜单销毁过程中，要防止内

存泄露；此外，如何高效快速完成菜单间的切换是非常重要的。

QMdiSubWindow类是具体的每个子窗口，或者称为子菜单页面的基类；实际的电视机

主菜单、图像子菜单、声音子菜单等等的实现，均由该类派生。1.2Qt的MainWindow

框架的实际应用