mirror of
https://github.com/slint-ui/slint.git
synced 2025-10-03 07:04:34 +00:00
Replace more .60 by .slint
Mainly an automated change with git grep -O"sed -i 's/\.60/.slint/g'" -w "\.60" and some manual checks
This commit is contained in:
parent
d706d63ce1
commit
03534039d6
81 changed files with 314 additions and 313 deletions
|
@ -3,7 +3,7 @@
|
|||
With the skeleton in place, let's look at the first element of the game, the memory tile. It will be the
|
||||
visual building block that consists of an underlying filled rectangle background, the icon image. Later we'll add a
|
||||
covering rectangle that acts as a curtain. The background rectangle is declared to be 64 logical pixels wide and tall,
|
||||
and it is filled with a soothing tone of blue. Note how lengths in the `.60` language have a unit, here
|
||||
and it is filled with a soothing tone of blue. Note how lengths in the `.slint` language have a unit, here
|
||||
the `px` suffix. That makes the code easier to read and the compiler can detect when your are accidentally
|
||||
mixing values with different units attached to them.
|
||||
|
||||
|
@ -16,7 +16,7 @@ We copy the following code inside of the `sixtyfps!` macro:
|
|||
Inside the <span class="hljs-built_in">Rectangle</span> we place an <span class="hljs-built_in">Image</span> element that
|
||||
loads an icon with the <span class="hljs-built_in">@image-url()</span> macro.
|
||||
When using the `sixtyfps!` macro, the path is relative to the folder in which the Cargo.toml is located.
|
||||
When using .60 files, it is relative to the folder of the .60 file containing it.
|
||||
When using .slint files, it is relative to the folder of the .slint file containing it.
|
||||
This icon and others we're going to use later need to be installed first. You can download a
|
||||
[Zip archive](https://sixtyfps.io/blog/memory-game-tutorial/icons.zip) that we have prepared and extract it with the
|
||||
following two commands:
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue