Java/SlothLib for Java

Visual Editor を用いたSlothLibアプリケーションの作成

作成したプロジェクト上で, Visual Editor を用いてSlothLibアプリケーションを作っていきましょう. Visual Editorに関しては, All aboutの記事 なども参考にしてください.

ここで作るのは非常に簡単な検索アプリケーションです. 上段のテキストフィールドに検索文字列を入れ, 右の「検索」ボタンを押すと, SlothLibを用いて検索を行い, その結果を下段のテキストエリアに表示するものです.

ve-9.jpg

クラスの作成

まず, 作成したslothlibTestプロジェクトを右クリックしてメニューを開き, 「新規」->「ビジュアル・クラス」と選択しビジュアル・クラスのウィザードを開きます.

ve-2.jpg

ve-0.jpg

すると下記のような画面が開くはずです.

ve-3.jpg

画面の設計

まず, アプリケーションの画面を作成していきます.

コンポーネントの配置

パレット を開き, SWTコントロールの中の Label, Text, Button,を順にウィンドウの同じ行にドラッグ・アンド・ドロップします. さらに, 次の行にTextAreaをドラッグ・アンド・ドロップ します.

ve-4.jpg

プロパティの設定

このままでは各コンポーネントのサイズや表示されている文字列がおかしいので, プロパティを調整します.

ve-5.jpg

コードの挿入

イベントを処理する関数を書きます. 検索ボタンを右クリックしてメニューを開き, イベントー>widget selectedを選びます. すると下段のコードビューに, Listnerコードが挿入されます.

ve-6.jpg

挿入されたコード部分に, SlothLibを呼び出すコードを書いていきましょう.

ve-7.jpg

アプリケーションの実行

これで アプリケーションは完成ですので, 早速実行してみましょう. クラス名を右クリックしてメニューを開き, 「実行」->「SWTアプリケーション」を選びます. これでアプリケーションのウィンドウが開くはずです.

ve-8.jpg

検索窓に文字列を入れて, 実行ボタンを押してみてください. 検索結果が下の窓に表示されたら成功です.

ve-9.jpg


添付ファイル: fileve-9.jpg 865件 [詳細] fileve-8.jpg 820件 [詳細] fileve-7.jpg 839件 [詳細] fileve-6.jpg 861件 [詳細] fileve-5.jpg 817件 [詳細] fileve-4.jpg 840件 [詳細] fileve-3.jpg 880件 [詳細] fileve-2.jpg 821件 [詳細] fileve-1.jpg 524件 [詳細] fileve-0.jpg 830件 [詳細]