Wxpython-wx-boxsizer

提供:Dev Guides
移動先:案内検索

wxPython-BoxSizer

このサイザーにより、コントロールを行方向または列方向に配置できます。 * BoxSizerの*レイアウトは、方向引数(wxVERTICALまたはwxHORIZONTALのいずれか)によって決定されます。

Box = wx.BoxSizer(wxHORIZONTAL)
Box = wx.BoxSizer(wxVERTICAL)

Add()メソッド(wxSizerから継承)は、サイザーの次の行/列に追加します。

Box.Add(control, proportion, flag, border)

比率パラメータは、コンテナの寸法に応じてコントロールがサイズを変更する方法を制御します。 さまざまなフラグパラメーターの組み合わせにより、サイザーでのコントロールの外観が決まります。 以下はフラグの一部です-

整列フラグ

wx.ALIGN_TOP wx.ALIGN_BOTTOM wx.ALIGN_LEFT wx.ALIGN_RIGHT wx.ALIGN_CENTER_VERTICAL wx.ALIGN_CENTER_HORIZONTAL

国境フラグ

wx.TOP wx.BOTTOM wx.LEFT wx.RIGHT wx.ALL

動作フラグ

S.N. Behavior Flags & Description
1

wx.EXPAND

アイテムは、提供されたスペースを埋めるように拡張されます(wx.GROWは同じです)

2

wx.SHAPED

EXPANDに似ていますが、アイテムのアスペクト比を維持します

3

wx.FIXED_MINSIZE

アイテムが初期の最小サイズよりも小さくならないようにします

4

wx.RESERVE_SPACE_EVEN_IF_ HIDDEN

サイザーが非表示のときにアイテムのスペースを取り戻すことを許可しません

borderパラメーターは整数で、コントロール間に残されるピクセル単位のスペースです。 例えば、

b = wx.StaticText(self, -1, “Enter a number”)
Box.Add(b,1,wx.ALL|wx.EXPAND,10)

以下は、wx.BoxSizerクラスのいくつかのメソッドです-

S.N. Methods & Description
1

SetOrientation()

方向wxHORIZONTALまたはwxVERTICALを設定します

2

AddSpacer()

伸縮不可能なスペースを追加します

3

AddStretchSpacer()

ウィンドウのサイズ変更がコントロールのサイズに比例して影響するように伸縮可能なスペースを追加します

4

Clear()

サイザーから子を削除します

5

Detach()

破壊せずにサイザーからコントロールを削除します

6

Insert()

指定した位置に子コントロールを挿入します

7

Remove()

サイザーから子を削除して破棄します

次のコードでは、wxFrameウィンドウ内に配置されたパネルオブジェクトに垂直ボックスサイザーが適用されます。

p = wx.Panel(self)
vbox = wx.wx.BoxSizer(wx.VERTICAL)

ボックスの最初の行には、中央にラベル(wx.StaticTextオブジェクト)が表示され、周囲に20ピクセルの境界線があります。

l1 = wx.StaticText(p,label = "Enter a number",style = wx.ALIGN_CENTRE )
vbox.Add(l1,0,  wx.ALL|wx.EXPAND|wx.ALIGN_CENTER_HORIZONTAL, 20)

2行目には、wx.Buttonオブジェクトが表示されます。 wx.EXPANDフラグのため、ウィンドウの幅全体を占有します。

b1 = wx.Button(p, label = "Btn1")
vbox.Add(b1,0, wx.EXPAND)

次の行にはボタンも含まれています。 EXPANDフラグでは追加されません。 代わりに、ALIGN_CENTER_HORIZONTALにより、デフォルトのサイズのボタンが中央に水平に表示されます。

b2 = wx.Button(p, label = "Btn2")
vbox.Add(b2,0,wx.ALIGN_CENTER_HORIZONTAL)

次の行では、プロポーションパラメータが1に設定され、EXPANDフラグが設定されたTextCtrlオブジェクトが追加されます。 その結果、サイズが大きくなります。

t = wx.TextCtrl(p)
vbox.Add(t,1,wx.EXPAND,10)

最後の行には水平サイザーオブジェクトがあり、そのオブジェクトにはラベルとボタンが伸縮可能なスペースで区切られています。

hbox = wx.BoxSizer(wx.HORIZONTAL)
l2 = wx.StaticText(p,label = "Label2", style = wx.ALIGN_CENTRE)
hbox.Add(l2,0,wx.EXPAND)

b3 = wx.Button(p,label = "Btn3")
hbox.AddStretchSpacer(1)
hbox.Add(b3,0,wx.ALIGN_LEFT,20)
vbox.Add(hbox,1,wx.ALL|wx.EXPAND)

最後に、垂直ボックスサイザーがwx.Panelオブジェクトに適用されます。

以下は完全なコードです-

import wx

class Example(wx.Frame):

   def __init__(self, parent, title):
      super(Example, self).__init__(parent, title = title, size = (200,300))

      self.InitUI()
      self.Centre()
      self.Show()

   def InitUI(self):
      p = wx.Panel(self)
      vbox = wx.wx.BoxSizer(wx.VERTICAL)
      l1 = wx.StaticText(p,label = "Enter a number",style = wx.ALIGN_CENTRE )
      vbox.Add(l1,0,  wx.ALL|wx.EXPAND|wx.ALIGN_CENTER_HORIZONTAL, 20)
      b1 = wx.Button(p, label = "Btn1")
      vbox.Add(b1,0,wx.EXPAND)

      b2 = wx.Button(p, label = "Btn2")
      vbox.Add(b2,0,wx.ALIGN_CENTER_HORIZONTAL)
      t = wx.TextCtrl(p)
      vbox.Add(t,1,wx.EXPAND,10)
      hbox = wx.BoxSizer(wx.HORIZONTAL)
      l2 = wx.StaticText(p,label = "Label2", style = wx.ALIGN_CENTRE)

      hbox.Add(l2,0,wx.EXPAND)
      b3 = wx.Button(p,label = "Btn3")
      hbox.AddStretchSpacer(1)
      hbox.Add(b3,0,wx.ALIGN_LEFT,20)
      vbox.Add(hbox,1,wx.ALL|wx.EXPAND)
      p.SetSizer(vbox)

app = wx.App()
Example(None, title = 'BoxSizer demo')
app.MainLoop()

上記のコードは、次の出力を生成します-

BoxSizer出力