So-net無料ブログ作成
検索選択

Qt のアプリケーションを作ってみる(2) [ソフトウェア関連のもろもろ]

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


tyoshino.png


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

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

1_WindowSize.png


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


2_AddImage.png


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

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

3_AppRunningFailed.png


あれ?なぜかイメージが表示されません。エラーには、”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ファイルを直接編集してみました。


4_ModifiedQml.png


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


5_AppRunning.png


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


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






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

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

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



実践 Qt 4プログラミング

実践 Qt 4プログラミング

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



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

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

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




タグ:Qt
nice!(28)  コメント(0)  トラックバック(0) 
共通テーマ:趣味・カルチャー

nice! 28

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0