🈲 ✋🏼 🤰🏻 美しさを作成するのは簡単です 🕡 🤟 🕖

トピックはコンテスト「スマートな投稿のためのスマートフォン」に参加しています。

長い間、私はQtQuickとQMLを見たいと思っていましたが、それが理由です。彼は古典的に-Hello Worldで開始することを計画していましたが、新しいプロジェクトを作成すると、Qt Creatorはまったく同じHello Worldを生成するため、自分で作成することはできません。それでは、もう少し詳しく見ていきましょう。起動時にランダムに表示されるようなアプレットを作成しますが、美しくて刺激的で、どこかをクリックすると閉じられます。自然の写真が好きです。私が深く感動したのは、このプログラムをなじみのないIDEで、実際にはなじみのない言語で500秒以内に書いたという事実でした。

したがって、Qt SDKを配置し、Qt Creatorを実行します。

「Qt Quick Application」タイプの新しいプロジェクトを作成します（プロジェクトの作成ウィザードでは、デフォルトですべてを残すことができます）。その結果、冒頭で述べたHello Worldが得られます。

import QtQuick 1.0 Rectangle { width: 360 height: 360 Text { text: qsTr("Hello World") anchors.centerIn: parent } MouseArea { anchors.fill: parent onClicked: { Qt.quit(); } } }

「デザイン」ボタンを押します-デザイナーに入ります。ナビゲータで「 テキスト 」要素を削除します。代わりに、ライブラリ（下のパネル）から「画像」コンポーネントを選択し、フォームにドロップします。次に、「レイアウト」タブで、「先祖を埋める」ボタンをクリックします。これにより、画像がシェイプ全体に拡大されます。

半分退屈している人のために、今すぐ休憩します。「画像」タブに移動して、「ソース」フィールドにリンクを挿入します。

  http://media.oboobs.ru/boobs/05055.jpg

Ctrl + Rを押します。ここに私たちのプログラムがありますが、それはすでに目を楽しませています！

しかし、それはポイントではありませんでした。多様性が必要です。つまり、そのたびに絵が異なるはずです。これは非常に簡単なので、瞬きする時間すらありません。これを行うには、エディター（左上のボタン）に移動し、コードを次のように変更します。

 import QtQuick 1.0 Rectangle { width: 360 height: 360 MouseArea { anchors.fill: parent onClicked: { Qt.quit(); } Image { id: image1 anchors.fill: parent source: "http://media.oboobs.ru/boobs/"+ getPictureId() + ".jpg" function getPictureId(number, length) { var str = '' + Math.round(Math.random() * 5055); while (str.length < 5) { str = '0' + str; } return str; } } } }

getPictureId関数呼び出しに基づくリンク生成を追加しました。この関数呼び出しは、00000から05055（現時点でサイトの最後の画像）の値を返します。

それだけです-たくさんのモバイルおよびデスクトッププラットフォームですぐに動作するプログラムがあり、あなたはあなたを元気づけるためにあなたのレジャーで1回か2回実行することさえできます。そして、すべてはわずか数分で完了しました。正直なところ、そのようなシンプルさがその場で私を襲った。 QML開発に入るためのしきい値は非常に低く、任意の複雑なプロジェクトを作成することができます（QtとC ++のすべての能力を使用する能力を考慮して）。

がんばれ！

美しさを作成するのは簡単です

More articles: