4 レイアウト(センサ)

 まずは,Frameの上に3つのPanelを縦に並べます.

IDLEに以下のプログラムを入力し,実行します.

このプログラムでは,’GUI’というframeの上にself.panel_1,2,3という名前のPanelを縦に並べています.実行するとこのような画面が開かれます.

2014-10-28-164402_1024x768_scrot

Panelの名前を載せるとこんな感じ.

235

次に,self.panel_2の上にまた3つのPanelを並べます.
以下のプログラムをIDLEに入力します.

実行すると,このような画面になります.

236

self.panel_2の上にself.panel_2_1,self.panel_2_2,self.panel_2_3を並べています.
こんな感じ.

237

今度は,self.panel_2_1,self.panel_2_2,self.panel_2_3内に四角を描きます.
#paint以下を追加しました.

実行するとこのようになります.

238

これでレイアウトが完成しました.次はテキストをいれていきます.
5 テキスト(センサ) に続く.

参考図書(よかったらどうぞ)

You may also like...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">