如何使用Glade工具画出符合自己要求的界面

Python019

如何使用Glade工具画出符合自己要求的界面,第1张

本文章仅对Glade如何设计界面进行一个简单的说明,并不对设计好的界面如何与具体语言配合,界面如何实例化进行说明;

Introduction to Glade

Glade is a RAD tool to enable quick &easy development of user interfaces for the GTK+ toolkit and the GNOME desktop environment, released under the GNU GPL License.

(Glade是一个快速开发的工具,使用Glade能够快速简洁的开发GTK+和GNOME桌面环境中的用户界面,Glade遵循GNU GPL协议)

The user interfaces designed in Glade are saved as XML, and by using the libglade library these can be loaded by applications dynamically as needed.

(Glade设计的界面被保存为XML格式,使用libglade库可以随需动态加载这些XML文件)

By using libglade, Glade XML files can be used in numerous programming languages including C, C++, Java,Perl, Python, C#, Pike, Ruby, Haskell, Objective Caml and Scheme. Adding support for other languages is easy too.

(借助于libglade,Glade的XML文件可以被多种语言使用,包括C, C++, Java, Perl, Python, C#, Pike, Ruby, Haskell, Objective Caml and Scheme。添加对其他语言的支持也是很容易的)

上面是Glade官方网站上对Glade的介绍,基本上已经把Glade产生的目的,原理,配合使用的语言都作了简单的介绍。我在这里就不多说了,下面直奔主题,来看看如何使用Glade。

Start to use it

打开Glade

熟悉Glade工具

用Glade设计Hello World的窗口

打开Glade

Alt+F2调出运行窗口,输入glade-2,当然,我这里安装的是glade-2版本,如果你升级了glade,那这里会略有不同;

熟悉Glade工具

我们看到,Glade软件有四个窗口,分别是:项目主窗口,属性窗口,构建树窗口,调色板窗口(palette window);这四个窗口的功用一目了然,这里不再赘述,直接进入下个环节。

Make a good layout

用Glade设计界面,一定要有一个好的布局,很多人一上来使用Glade的时候,发现放了一个按钮之后其他的东西就都放不进去了,这就是对Glade的界面设计的不了解所致。

Glade的界面设计在布局上有些类似Java的界面设计,控件的摆放都有两种方式,一种是采用绝对坐标的形式,控件在窗口上的位置由手工来调整,控件的大小也是手工调整;另一种则是使用布局;

下面我简单说说这两种界面布局在GLade中如何使用。

第一种布局:

也就是绝对坐标布局方式,这种方式上手容易,也是DOTNET的布局方式,所以从Windows转过来的程序员更习惯这种方式,这种方式的操作步骤也很简单,将 放入窗口中,然后就可以把按钮等控件放到这个空间上了。

第二种布局方式:

这种布局方式需要你对整个界面有一个大致的考虑,比如一般的软件界面从上至下分为,菜单栏、工具栏、操作栏、状态栏等四个部分,于是我们就选择水平布局,在窗口上点击之后,它会提示你水平布局分为几块,这里选择4块,因为是四个部分嘛;这就完成了初次的布局;对于操作栏中如何布局,采用同样的方式既可。记住,不到最后一个添加的控件,你都需要使用要么水平布局要么垂直布局进行余下空间的合理拆分。

Sum up

两种布局方式,在具体设计界面的时候任选其一即可,其实这两种布局也是可以混合在一起用的,你发现了吗?

这里不得不提的一个关键的地方是每个控件的的两个属性:扩展属性和填充属性,分别关闭和打开控件的这两个属性,你会发现会有很大的不同。

常用的GUI开发工具有gtkmm,Glade,Qt Creator。

gtkmm 是官方的GTK+的C++接口,GTK+是当前最流行的图形界面开发库之一。使用gtkmm,你不但可以从代码还可以用Glade来创建用户界面。不过需要libglademm的配合。gtkmm是自由软件,遵循LGPL(GNU Library General Public License)。

Glade 是 GTK+ 图形用户界面产生器 。也就是说,Glade 是个 Visual Programming Tool,和 Microsoft Windows 平台的 Visual Tools 类似,只要用鼠标拉一拉,它就会自动帮你产生 C source code。所以我们这些懒人,就不用再去为画面的设计烦恼,用 Glade 设计好画面,再用编辑器把程式码稍为修减就 OK 了。(现在也有各种语言如 C++、Ada95、Python、Perl 等的 GTK+ 介面,如果搭配其它工具,也可以自动产生 C++, Ada95, Python and Perl 的程式码) 。

Qt Creator是跨平台的 Qt IDE, Qt Creator 是 Qt 被 Nokia 收购后推出的一款新的轻量级集成开发环境(IDE)。此 IDE 能够跨平台运行,支持的系统包括 Linux(32 位及 64 位)、Mac OS X 以及 Windows。根据官方描述,Qt Creator 的设计目标是使开发人员能够利用 Qt 这个应用程序框架更加快速及轻易的完成开发任务。

GUI是指图形用户界面是指采用图形方式显示的计算机操作用户界面。与早期计算机使用的命令行界面相比,图形界面对于用户来说在视觉上更易于接受。然而这界面若要通过在显示屏的特定位置,以”各种美观而不单调的视觉消息“提示用户”状态的改变“,势必得比简单的消息呈现花上更多的计算能力。