前回作った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
これをアプリケーションのプロジェクトフォルダに置いておきます。
（私の環境では、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プログラミング入門―使いやすいフレームワークを基礎から解説 (I・O BOOKS)
- 作者: 津田 伸秀
- 出版社/メーカー: 工学社
- 発売日: 2011/12
- メディア: 単行本