比例分配

Author: 892768447

Diff for: QVBoxLayout/Data/VerticalLayoutStretch.ui

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>VerticalLayoutStretch</class>
+ <widget class="QWidget" name="VerticalLayoutStretch">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <property name="styleSheet">
+   <string notr="true">#label {
+    background: #5aaadb;
+}
+#label_2 {
+    background: #85c440;
+}
+#label_3 {
+    background: #f2b63c;
+}</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout" stretch="1,2,3">
+   <item>
+    <widget class="QLabel" name="label">
+     <property name="text">
+      <string>通过设置Stretch设置每部分的占比(1,2,3) 1/6</string>
+     </property>
+     <property name="alignment">
+      <set>Qt::AlignCenter</set>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QLabel" name="label_2">
+     <property name="text">
+      <string>2/6</string>
+     </property>
+     <property name="alignment">
+      <set>Qt::AlignCenter</set>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QLabel" name="label_3">
+     <property name="text">
+      <string>3/6</string>
+     </property>
+     <property name="alignment">
+      <set>Qt::AlignCenter</set>
+     </property>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>

Diff for: QVBoxLayout/README.md

@@ -3,6 +3,7 @@
 - 目录
   - [垂直布局](#1垂直布局)
   - [边距和间隔](#2边距和间隔)
+  - [比例分配](#3比例分配)
 
 ## 1、垂直布局
 [查看 BaseVerticalLayout.ui](Data/BaseVerticalLayout.ui)
@@ -15,4 +16,17 @@
 1. 通过`setContentsMargins(20, 20, -1, -1)`设置左上右下的边距，-1表示默认值
 2. 通过`setSpacing`的`subControlRect`设置控件之间的间隔
 
-![VerticalLayoutMargin](ScreenShot/VerticalLayoutMargin.png)
+![VerticalLayoutMargin](ScreenShot/VerticalLayoutMargin.png)
+
+## 3、比例分配
+[查看 VerticalLayoutStretch.ui](Data/VerticalLayoutStretch.ui)
+
+通过`setStretch`设置各个部分的占比 分别为：1/6 2/6 3/6
+
+```python
+self.verticalLayout.setStretch(0, 1)
+self.verticalLayout.setStretch(1, 2)
+self.verticalLayout.setStretch(2, 3)
+```
+
+![VerticalLayoutStretch](ScreenShot/VerticalLayoutStretch.png)

Diff for: QVBoxLayout/ScreenShot/VerticalLayoutStretch.png

@@ -23,6 +23,7 @@ https://pyqt.site 论坛是专门针对PyQt5学习和提升开设的网站，分
   - [QVBoxLayout](QVBoxLayout)
     - [垂直布局](QVBoxLayout#1垂直布局)
     - [边距和间隔](QVBoxLayout#2边距和间隔)
+    - [比例分配](QVBoxLayout#3比例分配)
   - [QHBoxLayout](QHBoxLayout)
   - [QGridLayout](QGridLayout)
     - [腾讯视频热播列表](QGridLayout/HotPlaylist.py)