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

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

本文章仅对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

1. 打开Glade
2. 熟悉Glade工具
3. 用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

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

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