diff options
Diffstat (limited to 'sources/pyside2/doc/tutorials/qmladvancedtutorial/samegame1.rst')
| -rw-r--r-- | sources/pyside2/doc/tutorials/qmladvancedtutorial/samegame1.rst | 43 |
1 files changed, 22 insertions, 21 deletions
diff --git a/sources/pyside2/doc/tutorials/qmladvancedtutorial/samegame1.rst b/sources/pyside2/doc/tutorials/qmladvancedtutorial/samegame1.rst index c8638ce06..f48c0672b 100644 --- a/sources/pyside2/doc/tutorials/qmladvancedtutorial/samegame1.rst +++ b/sources/pyside2/doc/tutorials/qmladvancedtutorial/samegame1.rst @@ -8,7 +8,7 @@ Creating the application screen The first step is to create the basic QML items in your application. -To begin with, we create our Same Game application with a main screen like this: +To begin with, create a main screen like this: .. figure:: declarative-adv-tutorial1.png :align: center @@ -18,21 +18,21 @@ This is defined by the main application file, ``samegame.qml``, which looks like .. pysideinclude:: samegame/samegame1/samegame.qml :snippet: 0 -This gives you a basic game window that includes the main canvas for the -blocks, a "New Game" button and a score display. +It gives a basic game window that includes the main canvas for the +blocks, a "New Game" button, and a score display. -One item you may not recognize here -is the SystemPalette item. This provides access to the Qt system palette -and is used to give the button a more native look-and-feel. +One item you may not recognize here is the SystemPalette item. This provides +access to the Qt system palette and is used to give the button a more native +look-and-feel. -Notice the anchors for the ``Item``, ``Button`` and ``Text`` elements are set using +Notice the anchors for the ``Item``, ``Button``, and ``Text`` items are set using group notation for readability. -Adding Button and Block components +Adding button and block components ================================== The ``Button`` item in the code above is defined in a separate component file named ``Button.qml``. -To create a functional button, we use the QML elements Text and MouseArea inside a Rectangle. +To create a functional button, use the Text and MouseArea QML types inside a Rectangle. Here is the ``Button.qml`` code: .. pysideinclude:: samegame/samegame1/Button.qml @@ -43,28 +43,29 @@ has an ``onClicked()`` handler that is implemented to emit the ``clicked()`` sig ``container`` when the area is clicked. In Same Game, the screen is filled with small blocks when the game begins. -Each block is just an item that contains an image. The block -code is defined in a separate ``Block.qml`` file: +Each block is an item that contains an image. The block +is defined in the ``Block.qml`` file: .. pysideinclude:: samegame/samegame1/Block.qml :snippet: 0 At the moment, the block doesn't do anything; it is just an image. As the -tutorial progresses we will animate and give behaviors to the blocks. -We have not added any code yet to create the blocks; we will do this -in the next chapter. +tutorial progresses, you will animate and give behaviors to the blocks. +You have not added any code yet to create the blocks; this +will be done in the next chapter. -We have set the image to be the size of its parent Item using ``anchors.fill: parent``. -This means that when we dynamically create and resize the block items +You have set the image to be the size of its parent Item using ``anchors.fill: parent``. +This means that when you dynamically create and resize the block items later on in the tutorial, the image will be scaled automatically to the correct size. -Notice the relative path for the Image element's ``source`` property. -This path is relative to the location of the file that contains the Image element. +Notice the relative path for the Image item's ``source`` property. +It is relative to the location of the file that contains the Image item. Alternatively, you could set the Image source to an absolute file path or a URL that contains an image. -You should be familiar with the code so far. We have just created some basic -elements to get started. Next, we will populate the game canvas with some blocks. +You should be familiar with the code so far, as you have created some basic +items to get started. In the next chapter, you will populate the game canvas +with some blocks. -[Previous :ref:`qmladvancedtutorial`] [Next :ref:`samegame2`]
\ No newline at end of file +[Previous :ref:`qmladvancedtutorial`] [Next :ref:`samegame2`] |