corner imagecorner image
FeaturesPluginsDocs & SupportCommunityPartners

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

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

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

目次

このページの内容は NetBeans IDE 6.1、6.5、および 6.7 が対象です

要件

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

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

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

始める前に、チュートリアルの最終結果を確認します。

次の手順で SplashScreen サンプルアプリケーションをインストールします。

  1. SplashScreen.zip をダウンロードします。
  2. ファイルを展開します。
  3. IDE で、「ファイル」>「プロジェクトを開く」を選択し、展開したファイルがあるフォルダを探します。
  4. プロジェクトを開きます。画面は次のようになります。
  5. SplashScreen プロジェクトが表示された「プロジェクトを開く」ウィンドウ

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

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

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

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

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

SplashScreen プロジェクトの作成

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

プロジェクトへのパッケージとビジュアル 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. パレットにあるフォームの「項目」セクションから「文字列項目」コンポーネントを選択し、これをドラッグして「form1」にドロップします。
  7. スクリーンデザイナの「stringItem1」をダブルクリックします。タイトル (「stringItem1」) を削除し、「<Enter Text>」を「Press Exit to close application」に変更します。

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

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

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

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

画像リソースの追加

  1. splash.png ファイルを $PROJECTHOME/src/splashscreenexample フォルダにコピーします。
  2. 「プロジェクト」ウィンドウで「リソース」を右クリックし、「追加」>「画像」を選択します。
  3. ポップアップメニューから「追加」オプションを選択し、「画像」を選択します。
  4. 「プロジェクト」ウィンドウで「image1」を選択します。
  5. 「プロパティー」ウィンドウで「リソースのパス」を選択し、「splash.png」を選択します。

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

  1. 「splashScreen1[SplashScreen]」コンポーネントを選択します。
  2. 「プロパティー」ウィンドウで、ドロップダウンメニューを使用して「画像」プロパティーを「image1」に変更します。コンポーネントをダブルクリックして、スクリーンデザイナでスプラッシュ画面を開きます。次のような画面が表示されるはずです。
  3. 画像と「Wait 10 sec. or press a key to close it」というテキストが表示されたスプラッシュ画面

コンポーネントの接続

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

プロジェクトの実行

  1. F6 キーを押して主プロジェクトを実行します。

    「実行」>「主プロジェクトを実行」を選択する方法もあります。


その他の NetBeans Java ME カスタムコンポーネントチュートリアル