ソースを参照

Updates meet_qt_5/qt5qt5_introduction.md

Auto commit by GitBook Editor
Cai Wancang 7 年 前
コミット
aab2333ea3
1 ファイル変更9 行追加7 行削除
  1. 9 7
      meet_qt_5/qt5qt5_introduction.md

+ 9 - 7
meet_qt_5/qt5qt5_introduction.md

@@ -12,15 +12,15 @@ Qt Quick是Qt5界面开发技术的统称,是以下几种技术的集合:
 
 
 ![](http://qmlbook.org/_images/qt5_overview.png)
 ![](http://qmlbook.org/_images/qt5_overview.png)
 
 
-QML是与HTML类似的一种标记语言。在QtQuick中将由标签组成的组件封装在大括号中`Item{}`。这样的设计从新定义了界面的创建方式,对于开发者而言更加简单易读。可以使用JavaScript开发界面功能,也可以使用本地Qt C++函数接口扩展界面功能。简单来说,声明式的UI被称作前端,本地C++部分称作后端,将复杂的计算过程与本地设备操作从界面开发中分离。
+QML是与HTML类似的一种标记语言。在QtQuick中将由标签组成的元素封装在大括号中`Item{}`。这样的设计重新定义了界面的创建方式,对于开发者而言更加简单易读。可以使用JavaScript开发界面功能,也可以使用本地Qt C++函数接口扩展界面功能。简单来说,声明式的UI被称作前端,本地C++部分称作后端,将复杂的计算过程与本地设备操作从界面开发中分离。
 
 
-在一个典型的Qt5项目中,前端采用QML/JaveScript开发界面,后端采用Qt C++与系统交互并完成复杂的运算逻辑,将侧重设计的界面开发与功能开发的工作内容分离。通常后端开发者可以使用Qt的单元测试框架完成单元测试后提供给前端开发者使用。
+在一个典型的Qt5项目中,前端采用QML/JaveScript开发界面,后端采用Qt C++与系统交互并完成复杂的运算逻辑,将侧重设计的界面开发与功能开发的工作内容分离。通常后端开发者可以使用Qt的单元测试框架完成单元测试后将函数接口提供给前端开发者使用。
 
 
 ## 1.2.2 Qt5用户界面开发示例
 ## 1.2.2 Qt5用户界面开发示例
 
 
 我们将使用QtQuick创建一个简单的界面,这个例子展示了QML语言的一些特性,在例子完成后我们将获得一个可以旋转的风车。![](http://qmlbook.github.io/_images/scene.png)
 我们将使用QtQuick创建一个简单的界面,这个例子展示了QML语言的一些特性,在例子完成后我们将获得一个可以旋转的风车。![](http://qmlbook.github.io/_images/scene.png)
 
 
-我们开始创建一个空的`main.qml`文档。QML文件采用`.qml`作为文件格式后缀。作为一种标记语言(类似HTML)一个QML文档有且只有一个根组件,在这个例子中使用`Image`组件作为根组件,这个组件的宽度和高度与`"images/background.png"`图像相同。
+我们开始创建一个空的`main.qml`文档。QML文件采用`.qml`作为文件格式后缀。作为一种标记语言(类似HTML)一个QML文档有且只有一个根元素,在这个例子中使用`Image`元素作为根元素,这个元素的宽度、高度与`"images/background.png"`图像相同。
 
 
 ```QML
 ```QML
 import QtQuick 2.5
 import QtQuick 2.5
@@ -31,17 +31,19 @@ Image {
 }
 }
 ```
 ```
 
 
-QML不会对根元素设置任何限制,我们使用一个backgournd图像作为资源的图像元素来作为我们的根元素。
+QML中不限制根元素类型,在上面这段代码中我们设置了`Image`元素的`source`属性作为我们的背景图像,它也是我们的根元素。
 
 
 ![](http://qmlbook.org/_images/background.png)
 ![](http://qmlbook.org/_images/background.png)
 
 
 **注意**
 **注意**
 
 
-**每一个元素都有属性,比如一个图像有宽度,高度但是也有一些其它的属性例如资源。图像元素的大小能够自动的从图像大小上得出。否则我们应该设置宽度和高度属性来显示有效的像素。**
+**每个元素都有属性,比如`Image`有`width`和`height`,也会有其它的属性如`source`。`Image`元素的尺寸会自动与`source`设置的图像匹配。想要自定义`Image`元素的尺寸必须显式的定义`width`和`height`的值。**
 
 
-**大多数典型的元素都放置在QtQuick2.0模块中,我们首先应该在第一行作这个重要的声明。**
+**大多数标准元素都在`QtQuick`模块中,通常我们在导入声明中首先包含这个模块。**
 
 
-**id是这个特殊的属性是可选的,包含了一个标识符,在文档后面的地方可以直接引用。**
+**`id`是个特殊的属性,它作为一个标识符可以在其它地方引用元素,只对当前QML文档有效。**
+
+---herer-------
 
 
 **重要提示:一个id属性无法在它被设置后改变,并且在程序执行期间无法被设置。使用root作为根元素id仅仅是作者的习惯,可以在比较大的QML文档中方便的引用最顶层元素。**
 **重要提示:一个id属性无法在它被设置后改变,并且在程序执行期间无法被设置。使用root作为根元素id仅仅是作者的习惯,可以在比较大的QML文档中方便的引用最顶层元素。**