Radio Tuner Demo/ja

From Qt Wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

English 日本語

ラジオチューナーデモ

https://www.youtube.com/watch?v=GuAxYgOjOVA

解説

このアプリではとても重要な ListView 要素のデモとしてラジオのチューニングのシミュレーションを行っています。左右の矢印で次のチャンネルを探す機能とスクロールでチャンネルを合わせる2つの操作が実装されています。

このデモでは動的なモデルの生成と、インデックスの位置に応じてビューを変える処理を行っています。注目すべきは、このアプリには2つ ListModel が使われている点です。1つは JavaScript で生成され、もう1つは固定で全てのラジオ局のデータを持っています。JavaScript ファイルの createModel メソッドには2つの ListModel を一緒にしたものを ListView で使う方法があるので是非見てみてください。

ListView の highlightRangeMode などのプロパティを変更した場合に、リストの動作がどう変わるかを試すこともできます。もう1つの注目点は ListView のシグナルハンドラ onCurrentIndexChanged で、現在のラジオ局の情報の取得を簡単に行っています。

ソースコード

http://code.qt.io/cgit/%7bnon-gerrit%7d/qt-labs/mobile-demos.git/tree/RadioTuner