ビジュアルモバイルデザイナのカスタムコンポーネント: Java ME アプリケーションでのスプラッシュ画面の使用

スプラッシュ画面は、アプリケーションの Look & Feel を向上するために使用されます。通常、スプラッシュ画面をプログラムの起動時に使用したり、またはロゴやブランド情報を表示するために使用します。この画面が、アプリケーションに対するユーザーの最初の印象を形作ります。NetBeans のビジュアルモバイルデザイナ (VMD) には、VMD パレットにスプラッシュ画面のカスタムコンポーネントが含まれています。この短い例では、NetBeans でスプラッシュ画面コンポーネントを使用して、新しい Java ME プロジェクトを作成する方法を示します。この機能を使用して独自のスプラッシュ画面を設計および実装する機能の使用方法も説明します。

NetBeans でのモバイルアプリケーション開発に習熟していない場合、次に進む前に「NetBeans Java ME MIDP 開発のクイックスタートガイド」から始めることをお勧めします。

目次

このページの内容は NetBeans IDE 6.9 以降が対象です

このチュートリアルを完了するには、次のソフトウェアとリソースが必要です。

ソフトウェアまたはリソース 必須バージョン
NetBeans IDE と Java ME version 6.9 以降
Java Development Kit (JDK) version 6 または version 7

サンプルアプリケーションのインストールと実行

始める前に、チュートリアルの最終結果を確認します。
次の手順で SplashScreenExample アプリケーションをインストールします。

  1. SplashScreenExample.zip をダウンロードします。
  2. ファイルを展開します。
  3. 「プロジェクト」ウィンドウは次のようになります。

    SplashScreen プロジェクトが表示された「プロジェクトを開く」ウィンドウ

  4. 「プロジェクト」ウィンドウでプロジェクトノードを右クリックし、「プロジェクトを実行」を選択します (または F6 キーを押す)。アプリケーションが実行されると、エミュレータウィンドウが開き、デフォルトのデバイスエミュレータでアプリケーションが実行されるところが表示されます。
  5. 「エミュレータ」ウィンドウで「起動」の下のボタンをクリックします。次に示すように、エミュレータでスプラッシュ画面が表示されます。

    10 秒間待つか、任意のキーを押して閉じるかをたずねるスプラッシュ画面が表示されたデバイスエミュレータ

ページの先頭へ

スプラッシュ画面カスタムコンポーネントを使用したモバイルアプリケーションの作成

スプラッシュ画面コンポーネントが動作するところを確認できたので、最初に戻ってこのアプリケーションを作成します。アプリケーションを作成するには、次の手順を実行します。

  1. SplashScreen プロジェクトの作成
  2. プロジェクトにパッケージとビジュアル MIDlet を追加する
  3. MySplashScreenMidlet へのコンポーネントの追加
  4. スプラッシュ画面コンポーネントの「タイムアウト」プロパティーの変更
  5. フォームコンポーネントへの終了コマンドと戻るコマンドの追加
  6. 画像リソースの追加
  7. コンポーネントへの画像のバインド
  8. コンポーネントの接続
  9. プロジェクトを実行する

SplashScreen プロジェクトの作成

  1. ファイル」>「新規プロジェクト」(Ctrl-Shift-N) を選択します。「カテゴリ」から「Java ME」を選択します。「プロジェクト」で「モバイルアプリケーション」を選択して、「次へ」をクリックします。
  2. 「プロジェクト名」フィールドに「SplashScreenExample」と入力します。「プロジェクトの場所」をシステム上の任意のディレクトリに変更します。このディレクトリを $PROJECTHOME とします。
  3. 「Hello MIDlet を作成」チェックボックスの選択を解除します。「次へ」をクリックします。
  4. 「エミュレータプラットフォーム」は、「Sun Java Wireless Toolkit 2.5.2」を選択したままにしておきます。「完了」をクリックします。

プロジェクトへのパッケージとビジュアル MIDlet の追加

  1. 「プロジェクト」ウィンドウで SplashScreenExample プロジェクトを選択し、「ファイル」>「新規ファイル」(Ctrl-N) を選択します。「カテゴリ」から「Java」を選択します。「ファイルの種類」として「Java パッケージ」を選択します。「次へ」をクリックします。
  2. 「パッケージ名」フィールドに「splashscreenexample」と入力します。「完了」をクリックします。
  3. 「プロジェクト」ウィンドウで splashscreenexample パッケージを選択し、「ファイル」>「新規ファイル」(Ctrl-N) を選択します。「カテゴリ」にある「MIDP」を選択します。「ファイルの種類」として「ビジュアル MIDIlet」を選択します。「次へ」をクリックします。
  4. 「MIDlet 名」フィールドと「MIDP クラス名」フィールドに「MySplashScreenMIDlet」と入力します。「完了」をクリックします。

MySplashScreenMidlet へのコンポーネントの追加

  1. ビジュアル MIDlet を「フロー」ウィンドウに切り替えます。次の画面コンポーネントをパレットからドラッグし、フローデザイナにドロップします。
    • スプラッシュ画面
    • フォーム
  2. スプラッシュ画面コンポーネントは、フローデザイナで次のように表示されます。

    選択したコンポーネントを表示した VMD の「フロー」デザインビュー

  3. splashScreen1」コンポーネントを選択します。このコンポーネントの「プロパティー」で、「タイトル」を「Splash Screen」に変更し、「Wait for 10 sec. or press a key to close it」と「テキスト」プロパティーに入力します。
  4. フォームコンポーネントを選択し、「タイトル」プロパティーを「Form」に変更します。
  5. 「フロー」ウィンドウのフォームコンポーネントをダブルクリックし、スクリーンデザイナに切り替えます。
  6. パレットにあるフォームの項目セクションから「StringItem」コンポーネントを選択し、これをドラッグして「form1」にドロップします。
  7. スクリーンデザイナの「stringItem1」をダブルクリックします。タイトル「stringItem1」を削除し、「<Enter Text>」を「Press Exit to close application」に変更します。

スプラッシュ画面コンポーネントの「タイムアウト」プロパティーの変更

  1. 「ビジュアルモバイルデザイナ」ウィンドウの最上部の「フロー」を選択し、「フロー」デザインビューを再度開きます。
  2. スプラッシュ画面コンポーネントを選択します。
  3. 「プロパティー」ウィンドウで「タイムアウト」プロパティーを見つけ、値を「5000」から「10000」ミリ秒に変更します。

フォームコンポーネントへの終了コマンドおよび戻るコマンドの追加

パレットの「コマンド」セクションから「終了コマンド」を選択し、ドラッグして「form1」コンポーネントにドロップします。

画像リソースの追加

  1. splash.png ファイルを $PROJECTHOME/src/splashscreenexample フォルダにコピーします。
  2. splashScreen コンポーネントを右クリックし、ポップアップメニューから「プロパティー」を選択します。
  3. 「プロパティー」ダイアログボックスで、「画像」プロパティーの省略符号ボタン (省略符号ボタン) をクリックします。
  4. 「画像」ダイアログで「追加」をクリックします。
    image1 コンポーネントが追加されます。
  5. 「開く」ダイアログボックスで、コピーされた splash.png ファイルへのパスを指定します。
    画像が追加されます。
  6. 「了解」をクリックして「開く」ダイアログボックスを閉じます。
  7. 「閉じる」をクリックして「プロパティー」ダイアログボックスを閉じます。

コンポーネントへの画像のバインド

  1. splashScreen1」コンポーネントを選択します。
  2. 「プロパティー」ウィンドウで、ドロップダウンメニューを使用して「画像」プロパティーを「image1」に変更します。コンポーネントをダブルクリックして、スクリーンデザイナでスプラッシュ画面を開きます。次のような画面が表示されるはずです。

    画像と「Wait 10 sec. or press a key to close it.」というテキストが表示されたスプラッシュ画面

コンポーネントの接続

「フロー」ビューで開始ポイントをクリックし、矢印を splashscreen1 コンポーネントにドラッグします。同様に、次の図に示すようにコンポーネントを接続します。

プロジェクトの実行

F6 キーを押して主プロジェクトを実行します。あるいは、「実行」>「主プロジェクトを実行」を選択してもかまいません。

スプラッシュ画面コンポーネントの Javadoc

NetBeans IDE には、スプラッシュ画面コンポーネントや、VMD で使用できるその他のコンポーネントに関する API Javadoc が用意されています。スプラッシュ画面コンポーネントの Javadoc を表示するには:

  1. ソースコードのスプラッシュ画面コンポーネントにカーソルを合わせ、Ctr-Shift- スペースキーを押します (または「ソース」>「ドキュメントを表示」を選択します)。
    この要素の Javadoc がポップアップウィンドウに表示されます。
  2. ポップアップウィンドウで「外部 Web ブラウザにドキュメントを表示」アイコン (「外部 Web ブラウザにドキュメントを表示」) をクリックすると、スプラッシュ画面コンポーネントについての詳細な情報がブラウザに表示されます。

ページの先頭へ

関連項目

ページの先頭へ

get support for the NetBeans

Support