wxpython 布局管理

标签：按钮   defaults   row   网格   bottom   指定   absolute   如何   load   

一个典型的应用程序是由不同的部件。这些小部件被放进容器部件。一个程序员必须管理应用程序的布局。这不是一项容易的任务。在wxPython我们有两个选择。

*absolute positioning
*sizers

Absolute Positioning绝对位置

程序员指定位置和大小的每个小部件以像素为单位。当你使用绝对定位,你必须了解一些事情。

1.如果你改变窗口大小,大小和位置的一个小部件不改变

2.在各种平台上的应用程序看起来不同

3.更改字体在您的应用程序可能会破坏布局

4.如果你决定改变你的布局,你必须完全重做你的布局,这是繁琐又费时

可能存在的情况下,我们可能使用绝对定位。例如,我的教程。我不想使示例太难了,所以我经常使用绝对定位来解释一个主题。但是最重要的是,在现实世界的程序,程序员使用sizer。

在我们的例子中，我们有一个简单的文本编辑器骨架。如果我们调整窗口大小，因为我们希望wx.TextCtrl的大小不会改变。

在上面的示例中,我们的位置文本控制在绝对坐标。

我们构造的wx.TextCtrl的使用绝对定位。在我们的例子中，我们定位在X = 3，Y = 3的wx.TextCtrl。宽度为250像素，高度为150px。

Using sizers使用sizers

 Sizers do address all those issues, we mentioned by absolute positioning. We can choose among these sizers:

我们可以选择下列sizers：

1.wx.BoxSizer

2.wx.StaticBoxSizer

3.wx.GridSizer

4.wx.FlexGridSizer

5.wx.GridBagSizer

在这个例子中，没有用到sizer。我们wx.Frame的部件放在一个wx.TextCtrl。 wx.Frame的部件有一个特殊的内置SIZER。我们可以把wx.Frame的容器内，只有一个窗口。子部件占据所有的空间.

wx.BoxSizer

This sizer enables us to put several widgets into a row or a column. We can put another sizer into an existing sizer. This way we can create very complex layouts.

sizer可以放置很多部件到行或者行。也可以放置其它sizer。这样我们可以创建非常复杂的界面。

方向可以wx.VERTICAL或wx.HORIZONTAL的。添加到wx.BoxSizer部件是通过Add（）方法。为了了解它，我们需要来看看它的参数。

比例参数定义的部件,将如何定义的方向改变的比例。假设我们有三个按钮的比例0，1??和2。它们被添加成水平wx.BoxSizer。按钮0比例不会改变。按钮比例2比1的水平尺寸比例更将改变两次。

与标志参数可以进一步配置在wx.BoxSizer的小部件的行为。我们可以控制的部件之间的边界。我们添加了一些像素部件之间的空间。为了适用边界，我们需要定义的两侧，将用于边境。我们可以结合| e.g wx.LEFT| wx.BOTTOM。我们可以选择这些标志：

1.wx.LEFT

2.wx.RIGHT

3.wx.BOTTOM

4.wx.TOP

5.wx.ALL

我们放在围绕midPan面板20 PX边界。 wx.ALL适用于所有四边边框大小。

如果我们使用wx.EXPAND标志，我们的部件将使用所有已分配给它的空间。最后，我们还可以定义我们的部件对齐。我们做了以下标志：

1.wx.ALIGN_LEFT
2.wx.ALIGN_RIGHT
3.wx.ALIGN_TOP
4.wx.ALIGN_BOTTOM
5.wx.ALIGN_CENTER_VERTICAL
6.wx.ALIGN_CENTER_HORIZONTAL
7.wx.ALIGN_CENTER

Go To Class

 In the following example we introduce several important ideas.

在接下来的例子中,我们介绍了几种重要的方法。

布局很简单。我们创建一个垂直sizer。然后放置五个横的sizers。

字体设置为9 px。

我们已经知道，我们可以控制部件之间的距离相结合的与边境参数标志参数。但有一个约束条件。在Add（）方法，我们可以指定只为一个边界的所有各方。在我们的例子中，我们给10px的右侧和左侧。但是，如果省略wx.BOTTOM，我们不能给25 PX至底部。我们能做的是给10px底部，或0px。因此，如果我们需要不同的值，我们可以添加一些额外的空间。 Add（）方法，我们可以插入25px的空白空间。

我们放置在窗口右侧的两个按钮。怎么对齐呢？proportion必须为0，按钮尺寸也不能改变，我们不能指定wx.EXPAND参数。那么我们指定wx.ALIGN_RIGHT与wx.RIGHT。

wx.GridSizer

wx.GridSizer是一个二维表格，每个表格大小相同。

在构造函数中,我们指定数量的行和列的表。和垂直和水平表格之间的空间。

下边是一个不完美的计算器示例：

我们用wx.StaticText控件在 Bck 与 Close之间做了个空白。然后用AddMany()方法

控件按顺序依次放入表格，第一行填满后，继续第二行。

wx.FlexGridSizer

这SIZER类似wx.GridSizer。它也有二维表的部件。但它增加了一些灵活性。 wx.GridSizer表格是相同的大小。在wx.FlexGridSizer 所有的行和列的不一定是相同的高度或宽度。

rows和cols指定行和列的数目。 VAP和HAP添加一些在两个方向上的小部件之间的空间。

很多时候，开发商要开发用于数据输入和修改的对话框。我觉得这样一个任务wx.FlexGridSizer合适。开发人员可以很容易地建立一个对话窗口，因为约束，每个单元必须具有相同的大小。

我们建立了一个横向的hbox，周围放置15px的空白。

然后用 AddMany() 这个方法。

我们创建一个可自动伸缩的三行两列，前两个文本控件将在水平方向上伸缩，第三个将在两个方向伸缩。不要忘记，使用部件的扩展（wx.EXPAND），以使其真正发挥作用。

wx.GridBagSizer

在wxPython中最复杂Sizer要属它了。许多程序员发现很难使用。这样sizer是不是只对wxPython的典型，其它语言也有它。即使它是比较复杂，也不难攻克。

wx.GridBagSizer有一个简单的构造：

子控件之间用垂直与水平定义，然后用Add()方法添加：

插入表格中的控件，有pos指定位置，（0，0）表标左上方的表格。span(跨度)为可选。下面两种方法可以伸缩：

我们必须把它看作是一个大的网格状的表

“Rename To”这个标签设置在左上角(0,0)位置，然后在它上、左、下旋转5pix 的空白。

wx.TextCtrl放置在(1,0)这个位置，然后有个(1,5)的跨度，在它左、右放置5pix的空白，并且wx.EXPAND可伸展。

第四行放置两个按钮，第三行为空。注意：我们并没有在两个按钮之间设置空隙。wx.GridBagSizer创建之处，各个控件之间已经有空隙了。

wxStaticBoxSizer 像一个普通的wx.BoxSizer，但它会添加一个静态框。

wxpython 布局管理

标签：按钮   defaults   row   网格   bottom   指定   absolute   如何   load   

原文地址：http://www.cnblogs.com/wangjian8888/p/6266745.html