修改了标题5、6的一些内容

补充上窗口框架的概念，易于理解标题6里移动窗口的代码。

Author: Water3000

hello_world.md

@@ -37,39 +37,56 @@ if __name__ == '__main__':
 
     sys.exit(app.exec_())
 ```
+
 运行上面的代码，能展示出一个小窗口。
+
 ```
 import sys
 from PyQt5.QtWidgets import QApplication, QWidget
 ```
+
 这里引入了PyQt5.QtWidgets模块，这个模块包含了基本的组件。
+
 ```
 app = QApplication(sys.argv)
 ```
+
 每个PyQt5应用都必须创建一个应用对象。sys.argv是一组命令行参数的列表。Python可以在shell里运行，这个参数提供对脚本控制的功能。
+
 ```
 w = QWidget()
 ```
+
 QWidge控件是一个用户界面的基本控件，它提供了基本的应用构造器。默认情况下，构造器是没有父级的，没有父级的构造器被称为窗口（window）。
+
 ```
 w.resize(250, 150)
 ```
+
 resize()方法能改变控件的大小，这里的意思是窗口宽250px，高150px。
+
 ```
 w.move(300, 300)
 ```
+
 move()是修改控件位置的的方法。它把控件放置到屏幕坐标的(300, 300)的位置。注：屏幕坐标系的原点是屏幕的左上角。
+
 ```
 w.setWindowTitle('Simple')
 ```
+
 我们给这个窗口添加了一个标题，标题在标题栏展示（虽然这看起来是一句废话，但是后面还有各种栏，还是要注意一下，多了就蒙了）。
+
 ```
 w.show()
 ```
+
 show()能让控件在桌面上显示出来。控件在内存里创建，之后才能在显示器上显示出来。
+
 ```
 sys.exit(app.exec_())
 ```
+
 最后，我们进入了应用的主循环中，事件处理器这个时候开始工作。主循环从窗口上接收事件，并把事件传入到派发到应用控件里。当调用`exit()`方法或直接销毁主控件时，主循环就会结束。`sys.exit()`方法能确保主循环安全退出。外部环境能通知主控件怎么结束。
 
 `exec_()`之所以有个下划线，是因为`exec`是一个Python的关键字。
@@ -155,7 +172,6 @@ self.setWindowIcon(QIcon('web.png'))
 
 上面的三个方法都继承自`QWidget`类。`setGeometry()`有两个作用：把窗口放到屏幕上并且设置窗口大小。参数分别代表屏幕坐标的x、y和窗口大小的宽、高。也就是说这个方法是`resize()`和`move()`的合体。最后一个方法是添加了图标。先创建一个QIcon对象，然后接受一个路径作为参数显示图标。
 
-
 ```
 if __name__ == '__main__':
     
@@ -170,7 +186,6 @@ if __name__ == '__main__':
 
 ![icon](./images/1-icon.png)
 
-
 ## 例3，提示框
 
 ```python
@@ -224,42 +239,49 @@ if __name__ == '__main__':
     ex = Example()
     sys.exit(app.exec_())
 ```
+
 在这个例子中，我们为应用创建了一个提示框。
 
 ```
 QToolTip.setFont(QFont('SansSerif', 10))
 ```
+
 这个静态方法设置了提示框的字体，我们使用了10px的SansSerif字体。
 
 ```
 self.setToolTip('This is a <b>QWidget</b> widget')
 ```
+
 调用`setTooltip()`创建提示框可以使用富文本格式的内容。
 
 ```
 btn = QPushButton('Button', self)
 btn.setToolTip('This is a <b>QPushButton</b> widget')
 ```
+
 创建一个按钮，并且为按钮添加了一个提示框。
 
 ```
 btn.resize(btn.sizeHint())
 btn.move(50, 50)
 ```
+
 调整按钮大小，并让按钮在屏幕上显示出来，`sizeHint()`方法提供了一个默认的按钮大小。
 
 程序预览：
 
 ![tooltip](./images/1-tooltips.png)
 
 ## 例4，关闭窗口
+
 关闭一个窗口最直观的方式就是点击标题栏的那个叉，这个例子里，我们展示的是如何用程序关闭一个窗口。这里我们将接触到一点single和slots的知识。
 
 本例使用的是QPushButton组件类。
 
 ```
 QPushButton(string text, QWidget parent = None)
 ```
+
 `text`参数是想要显示的按钮名称，`parent`参数是放在按钮上的组件，在我们的 例子里，这个参数是`QWidget`。应用中的组件都是一层一层（继承而来的？）的，在这个层里，大部分的组件都有自己的父级，没有父级的组件，是顶级的窗口。
 
 ```python
@@ -309,21 +331,25 @@ if __name__ == '__main__':
     ex = Example()
     sys.exit(app.exec_())
 ```
+
 这里创建了一个点击之后就退出窗口的按钮。
 
 ```
 from PyQt5.QtCore import QCoreApplication
 ```
+
 程序需要`QtCore`对象。
 
 ```
 qbtn = QPushButton('Quit', self)
 ```
+
 创建一个继承自`QPushButton`的按钮。第一个参数是按钮的文本，第二个参数是按钮的父级组件，这个例子中，父级组件就是我们创建的继承自`Qwidget`的`Example`类。
 
 ```
 qbtn.clicked.connect(QCoreApplication.instance().quit)
 ```
+
 事件传递系统在PyQt5内建的single和slot机制里面。点击按钮之后，信号会被捕捉并给出既定的反应。`QCoreApplication`包含了事件的主循环，它能添加和删除所有的事件，`instance()`创建了一个它的实例。`QCoreApplication`是在`QApplication`里创建的。 点击事件和能终止进程并退出应用的quit函数绑定在了一起。在发送者和接受者之间建立了通讯，发送者就是按钮，接受者就是应用对象。
 
 程序预览：
@@ -387,21 +413,24 @@ if __name__ == '__main__':
     ex = Example()
     sys.exit(app.exec_())
 ```
-如果关闭QWidget，就会产生一个QCloseEvent。改变控件的默认行为，就是替换掉默认的事件处理。
+
+如果关闭QWidget，就会产生一个QCloseEvent，并且把它传入到closeEvent函数的event参数中。改变控件的默认行为，就是替换掉默认的事件处理。
 
 ```
 reply = QMessageBox.question(self, 'Message',
     "Are you sure to quit?", QMessageBox.Yes | 
     QMessageBox.No, QMessageBox.No)
 ```
+
 我们创建了一个消息框，上面有俩按钮：Yes和No.第一个字符串显示在消息框的标题栏，第二个字符串显示在对话框，第三个参数是消息框的俩按钮，最后一个参数是默认按钮，这个按钮是默认选中的。返回值在变量`reply`里。
 
 ```
-if reply == QtGui.QMessageBox.Yes:
+if reply == QMessageBox.Yes:
     event.accept()
 else:
     event.ignore()
 ```
+
 这里判断返回值，如果点击的是Yes按钮，我们就关闭组件和应用，否者就忽略关闭事件。
 
 程序预览：
@@ -460,6 +489,7 @@ if __name__ == '__main__':
     ex = Example()
     sys.exit(app.exec_())
 ```
+
 `QtGui.QDesktopWidget`提供了用户的桌面信息，包括屏幕的大小。
 
 ```
@@ -471,22 +501,28 @@ self.center()
 ```
 qr = self.frameGeometry()
 ```
-得到了主窗口的大小。
+
+获得主窗口所在的框架。
 
 ```
 cp = QDesktopWidget().availableGeometry().center()
 ```
-获取显示器的分辨率，然后得到中间点的位置。
+
+获取显示器的分辨率，然后得到屏幕中间点的位置。
 
 ```
 qr.moveCenter(cp)
 ```
-然后把自己窗口的中心点放置到qr的中心点。
+
+然后把主窗口框架的中心点放置到屏幕的中心位置。
 
 ```
 self.move(qr.topLeft())
 ```
-然后把窗口的坐上角的坐标设置为qr的矩形左上角的坐标，这样就把窗口居中了。
+
+然后通过move函数把主窗口的左上角移动到其框架的左上角，这样就把窗口居中了。
+
+ *总结：窗口位于一个框架中，先将框架移动到屏幕中央，再把窗口移动到框架上。*
 
 程序预览：