Skip to content

Commit 917dc78

Browse files
GKPythonGKPython
committed
Site updated: 2020-05-20 13:11:34
1 parent 88894ce commit 917dc78

File tree

3 files changed

+17
-3
lines changed

3 files changed

+17
-3
lines changed

‎2020/05/19/pagePythonTkinterPos/index.html

-1009 Bytes
Binary file not shown.

‎index.html

-1009 Bytes
Binary file not shown.

‎search.xml

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3888,9 +3888,23 @@
38883888
</div>
38893889

38903890
<h4 id="3-布局介绍"><a href="#3-布局介绍" class="headerlink" title="3.布局介绍"></a>3.布局介绍</h4><p><strong>pack()方式</strong><br>side 设置组件相对于父组件的摆放位置</p>
3891-
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line"># 导入tkinter模块</span><br><span class="line">import tkinter</span><br><span class="line"># 创建主窗口对象</span><br><span class="line">root &#x3D; tkinter.Tk()</span><br><span class="line"># 设置窗口大小(最小值：像素)</span><br><span class="line">root.minsize(500,500)</span><br><span class="line"># 创建一个按钮组件</span><br><span class="line">btn0 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line"># 默认上边或 side &#x3D; &#39;top&#39;</span><br><span class="line">btn0.pack()</span><br><span class="line">btn1 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line"># 下面</span><br><span class="line">btn1.pack(side &#x3D; &#39;bottom&#39;)</span><br><span class="line">btn2 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line"># 左边</span><br><span class="line">btn2.pack(side &#x3D; &#39;left&#39;)</span><br><span class="line">btn3 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line"># 右边</span><br><span class="line">btn3.pack(side &#x3D; &#39;right&#39;)</span><br><span class="line"># 加入消息循环</span><br><span class="line">root.mainloop()</span><br><span class="line">&#96;&#96;&#96; </span><br><span class="line"></span><br><span class="line">ipadx，ipady 设置组件的内部间距</span><br><span class="line"></span><br><span class="line">&#96;&#96;&#96; </span><br><span class="line">btn0 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line"># 设置按钮中文字到边缘的间距</span><br><span class="line">btn0.pack(ipadx &#x3D; 20,ipady &#x3D; 20)</span><br><span class="line">&#96;&#96;&#96; </span><br><span class="line"></span><br><span class="line">padx，pady 设置多个组件外部间距</span><br><span class="line"> </span><br><span class="line">&#96;&#96;&#96; </span><br><span class="line">btn0 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line"># padx设置组件外部左右间距，pady设置组件外部上下间距</span><br><span class="line">btn0.pack(padx &#x3D; 20,pady &#x3D; 20)</span><br><span class="line">&#96;&#96;&#96; </span><br><span class="line">fill 设置按钮站一行或者一列</span><br></pre></td></tr></table></figure>
3892-
<p>btn1 = tkinter.Button(root,text = ‘Hello World！！’)# 该组件站水平方向的最大位</p>
3893-
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line"></span><br><span class="line">expand 设置side是否失效</span><br><span class="line"></span><br><span class="line">&#96;&#96;&#96; </span><br><span class="line">btn1 &#x3D; tkinter.Button(root,text &#x3D; &#39;Hello World！！&#39;)</span><br><span class="line"># yes时side失效，按钮位于窗口中间，按钮占用所有水平和垂直的空间，此时fill &#x3D; both 按钮站全部空间</span><br><span class="line">btn1.pack(expand &#x3D; &#39;yes&#39;,fill &#x3D; &#39;both&#39;)</span><br><span class="line">&#96;&#96;&#96; </span><br><span class="line"></span><br><span class="line">注意：仅仅使用pack无法实现表格方式，必须借助Franme组件才可以实现，非常复杂。</span><br><span class="line"></span><br><span class="line">**grid()方式**</span><br><span class="line">row　　设置行数 默认为0</span><br><span class="line">column　　设置列数 默认为0</span><br><span class="line"></span><br><span class="line">&#96;&#96;&#96; </span><br><span class="line">btn1 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line">btn1.grid()</span><br><span class="line">btn2 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line">btn2.grid(row &#x3D; 1,column &#x3D; 1)# 设置按钮位置</span><br><span class="line">btn3 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮3&#39;)</span><br><span class="line">btn3.grid(row &#x3D; 0,column &#x3D; 1)</span><br></pre></td></tr></table></figure>
3891+
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">#导入tkinter模块</span><br><span class="line">import tkinter</span><br><span class="line"># 创建主窗口对象</span><br><span class="line">root &#x3D; tkinter.Tk()</span><br><span class="line"># 设置窗口大小(最小值：像素)</span><br><span class="line">root.minsize(500,500)</span><br><span class="line"># 创建一个按钮组件</span><br><span class="line">btn0 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line"># 默认上边或 side &#x3D; &#39;top&#39;</span><br><span class="line">btn0.pack()</span><br><span class="line">btn1 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line"># 下面</span><br><span class="line">btn1.pack(side &#x3D; &#39;bottom&#39;)</span><br><span class="line">btn2 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line"># 左边</span><br><span class="line">btn2.pack(side &#x3D; &#39;left&#39;)</span><br><span class="line">btn3 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line"># 右边</span><br><span class="line">btn3.pack(side &#x3D; &#39;right&#39;)</span><br><span class="line"># 加入消息循环</span><br><span class="line">root.mainloop()</span><br></pre></td></tr></table></figure>
3892+
3893+
<p>ipadx，ipady 设置组件的内部间距</p>
3894+
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">btn0 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line"># 设置按钮中文字到边缘的间距</span><br><span class="line">btn0.pack(ipadx &#x3D; 20,ipady &#x3D; 20)</span><br></pre></td></tr></table></figure>
3895+
3896+
<p>padx，pady 设置多个组件外部间距</p>
3897+
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">btn0 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line"># padx设置组件外部左右间距，pady设置组件外部上下间距</span><br><span class="line">btn0.pack(padx &#x3D; 20,pady &#x3D; 20)</span><br></pre></td></tr></table></figure>
3898+
3899+
<p>fill 设置按钮站一行或者一列</p>
3900+
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">btn1 &#x3D; tkinter.Button(root,text &#x3D; &#39;Hello World！！&#39;)# 该组件站水平方向的最大位</span><br></pre></td></tr></table></figure>
3901+
3902+
<p>expand 设置side是否失效</p>
3903+
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">btn1 &#x3D; tkinter.Button(root,text &#x3D; &#39;Hello World！！&#39;)</span><br><span class="line"># yes时side失效，按钮位于窗口中间，按钮占用所有水平和垂直的空间，此时fill &#x3D; both 按钮站全部空间</span><br><span class="line">btn1.pack(expand &#x3D; &#39;yes&#39;,fill &#x3D; &#39;both&#39;)</span><br></pre></td></tr></table></figure>
3904+
3905+
<p>注意：仅仅使用pack无法实现表格方式，必须借助Franme组件才可以实现，非常复杂。</p>
3906+
<p><strong>grid()方式</strong><br>row　　设置行数 默认为0<br>column　　设置列数 默认为0</p>
3907+
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">btn1 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line">btn1.grid()</span><br><span class="line">btn2 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line">btn2.grid(row &#x3D; 1,column &#x3D; 1)# 设置按钮位置</span><br><span class="line">btn3 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮3&#39;)</span><br><span class="line">btn3.grid(row &#x3D; 0,column &#x3D; 1)</span><br></pre></td></tr></table></figure>
38943908

38953909
<p>rowspan　　设置跨行数量<br>cloumnspan　　设置跨列数量<br>ipadx，ipady　　设置组件内部间距</p>
38963910
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">btn1 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮1&#39;)</span><br><span class="line">btn1.grid()</span><br><span class="line">btn2 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line">btn2.grid(row &#x3D; 1,column &#x3D; 0)# 设置按钮位置</span><br><span class="line">btn2 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line">btn2.grid(row &#x3D; 0,column &#x3D; 2,rowspan &#x3D; 2,ipady &#x3D; 15)</span><br><span class="line">btn2 &#x3D; tkinter.Button(root,text &#x3D; &#39;按钮2&#39;)</span><br><span class="line">btn2.grid(row &#x3D; 2,column &#x3D; 0,columnspan &#x3D; 3,ipadx &#x3D; 20)</span><br></pre></td></tr></table></figure>

0 commit comments

Comments
 (0)