Qt のアプリケーションを作ってみる（２）

前回作ったQtの"HelloWorld"アプリを作り変えて、簡単なイメージを表示できるようにしてみます。今回使うイメージは100px*100pxの小さなPNGファイルです。





これをアプリケーションのプロジェクトフォルダに置いておきます。
（私の環境では、C:\Qt\Samples\MyFirstQt になります）

Imageを張り付ける前に、画像の見栄えがよくなるようアプリケーションのウィンドウサイズを少し小さくしておきます。




Imageオブジェクトは左のエレメントからドラッグ＆ドロップで張り付けることができます。プロジェクトフォルダにコピーしたイメージファイルは、右のImageのソース：プルダウンから選択できました。





テキストもついでに”Hello World”から"Taro Yoshino"に変更しています。

再生ボタンを押してアプリケーションを起動してみましょう。




あれ？なぜかイメージが表示されません。エラーには、”Image: Cannot open”と出ています。デザインツールでは普通に選択できたのに腑に落ちません。ということでグーグル先生に問い合わせてみました。

Thread: Can’t load the image after I register the qml file to Qt resource system
http://www.qtcentre.org/threads/54999-Can%E2%80%99t-load-the-image-after-I-register-the-qml-file-to-Qt-resource-system


上記サイトで、file:/// で直接ファイルを指定すれば大丈夫とありますので、QMLファイルを直接編集してみました。





気を取り直してアプリケーションを起動してみましょう。





無事イメージが表示されました。まだまだこなれていないですねぇ。次はこのアプリに少し動きをつけてみたいと思います。
（＾_＾）／～


関連記事
Qt のアプリケーションを作ってみる（１）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-20

---

Qt QuickではじめるクロスプラットフォームUIプログラミング

• 作者: 折戸孝行
• 出版社/メーカー: アスキー・メディアワークス
• 発売日: 2013/08/01
• メディア: 大型本

実践 Qt 4プログラミング

• 作者: Mark Summerfield
• 出版社/メーカー: オライリージャパン
• 発売日: 2012/04/25
• メディア: 大型本

Qtプログラミング入門―使いやすいフレームワークを基礎から解説 (I・O BOOKS)

• 作者: 津田 伸秀
• 出版社/メーカー: 工学社
• 発売日: 2011/12
• メディア: 単行本

---

タグ：Qt