2013年 8月

Image Getter の致命的欠陥を Fix.

JavaFX

昨日のエントリーで紹介した Image Getter ですけど致命的欠陥がありました。

動画をご覧になったか、Java Web Start で動かしてみた人はすぐに気付いたでしょう。

画像取得の待ち時間アプリがフリーズしているような振る舞いをしてます。

学習用のお遊びアプリだからいいやって思っていたのですが気になってしかたなくなり、やっつけで直しました。

非同期処理の実装と画像取得待ちの間、メニューの About 以外のものを非活性化させました。

ついでにプログレスインジケーターも付けてみました。

これで動いてる安心感がでますね。

この非活性化の部分は力技で実装してしまいましたが、JDK6 あたりからだったかな?まとめて非活性化させる方法があったような記憶があります。

ちょっと思い出せないのが残念ですけど JavaFX でもまとめて非活性化させる方法があると便利なんですけどね。

実は ITpro で櫻庭さんが執筆されている「JavaFX2 で始める GUI 開発」を参考に学習してます。

その櫻庭さんが Twitter で来月は非同期処理について執筆されることを教えていただきました。

今回のお遊びサンプルアプリでは戻り値は無しでした。

JavaFX2.2 の API ドキュメントのサンプルでは数種類のパターンが説明されてましたが何しろ英語なので良く解りません。(>_<。)

来月の櫻庭さんの記事では GUI 開発で絶対に避けて通れない非同期処理を取り上げてくれるとのことで楽しみです!

でも、サンプルと同じようなイメージビューアを創るはずだったんですけど脱線してしまいこんなになって第4回からまだ読めてない。(ヲヒ

まぁ、楽しめているから良し!としよう。(^_^)

Fix した Image Getter の動画と Java Web Start を貼っておきますね~。

Webstart: click to launch this app as webstart (Java 8 実行環境必須)

Hatena タグ:

JavaFX 学習がてらにつまらないアプリをつくってしまった。

JavaFX

少し前から JavaFX を遊びながら学習しはじめたのですが情報が古い物から新しい物まであって何が何だか解らなくなります。

それだけ JavaFX は黒歴史なんだなぁって再認識しました。

それは置いといてどんなものを作ったかというと・・・

ついこの間はじめたばかりなのでネット上のサンプルを真似ていろいろ、あーでもない、こーでもない。。。

なんでこのコードで動かないの?

なんでこのコードで動くの?って状態でプログラムくんでます。(^_^;)

そんなこんなで創ったのは、あるサイトの画像を表示させるというプログラムです。

ついでに、1秒から5秒までのタイムリミット機能をつけてみました。

タイムアウト時にはデフォルト画像をお茶を濁す感じで表示させてみました。

無事に画像を表示させたらエフェクトをかけられるようにしました。

さらに、その画像を保存できるようにしてみました。

ただ、お遊びプログラムなので画像取得先サイトは3件だけです。

私の好みの女性タレント 堀北 真希さんと 北川 景子さんのブログから一枚取得するようにしました。

あと一つは 5秒以内で取得できない想定のために NASA です。

このプログラムではダミーで3秒のスリープをいれてあります。

以下にスクリーンショットと動画を貼っておきますね。

1

2

3

4

5

6

7

8

9

10

ちなみに最後の画像のダイアログはお遊びです。

普通はこんな問いかけはないですよね。

動画は仮想マシン上の Windows 8.1 で実行したものをキャプチャしたものなのでちょっと動作が緩慢になっています。

よ~く動画をみるとこのプログラムには致命的な欠点があることに気付きます。

学習用のお遊びサンプルとしては問題ないのですが・・・

そういう理由で今回はコードを晒しません。

そもそも学習し始めた初心者のコードに興味を持つ人はいないだろう。

動画が再生できない、もしくはこの欠陥アプリを使いたい人のために Java Web Start もおいときます。

Java 8 に依存している部分があるので Java 8 の実行環境でないと動かないです。

こちらは 0.5 秒のダミー(スリープ)をいれてあります。

Webstart: click to launch this app as webstart (Java 8 実行環境必須)

Hatena タグ:

JavaFX でさらに足し算のお勉強

JavaFX NetBeans

前回のプログラムを利用して今回も JavaFX で足し算アプリに手を加えてみることにしました。

今回追加する機能は アプリのウィンドウサイズの変更をできないようにする。

チェックボックスを利用して BGM を流せるようにする。

問題の難易度を選択できるようにトグルボタンを排他制御して可能にする。

ツールチップを設定する。

ニーモニックを設定する。

結局、こんな感じにできあがりました。

1

 

2

 

3

 

4

 

トグルボタンは私の実力ではニーモニックを正しく動作させることができなかったので諦めました。(>_<。)

素直にラジオボタンを使えばよかったかも・・・

トグルボタンの排他制御のイベント処理はかなり怪しいことをしています。

我ながらこれは無いだろうと思いながら他に良い方法を知らないので動けばいいやってのりでやってます。(オヒ

だからニーモニックが・・・・・ とどのつまりラジオボタンを使おう、今度からは。

いちおう、なんとか動いたので良しとしました。(^_^;)

それではそんなこんなでいい加減ですがプログラムを晒しておきます。

アプリのウィンドウサイズの変更をできないようにするために Calc2.java の 19 行目で

stage.setResizable(false);

としています。

チェックボックスを利用して BGM を流せるようにするために CalcFormController.java の 163 行目から 178 行目までで

チェックボックスにリスナーを設定して制御しています。

トグルボタンはグループ化して排他制御可能としてます。

これは JavaFX Scene Builder を使って簡単に設定できます。

トグルボタンのイベントをそれぞれ実装して JavaFX Scene Builder で結びつければいいだけです。

トグルボタンのグループも JavaFX Scene Builder で簡単に設定できます。便利!便利!

ただ前述したとおりトグルボタンが必ずどれか一つ選択状態にあるようにしたいため適当なことをやっています。

おそらく、なんだこれは?といいたくなるかもしれませんがスマートな方法を知らないのでこうなりました。(^_^;)

よってトグルボタンにニーモニックを設定しても上手く動作しなくなります。だからニーモニックはあきらめました。(ヲヒ

チェックボックス、テキストフィールド、ボタンにはニーモニックを JavaFX Scene Builder で簡単に設定できます。

プロパティの Text 欄に _ を先頭につけて記入し(_BGM)

5

 

Mnemonic Parsing のチェックボックスを ON にすればいいだけです。

6

 

ツールチップも同様に JavaFX Scene Builder を使えば楽勝です!

JavaFX Scene Builder のライブラリ Popup Controls から Tooltip をドラッグアンドドロップして

プロパティを設定してやればいいだけという非常に楽ちんな作業です。

7

 

以上、こんな感じでできあがりました。

Webstart: click to launch this app as webstart

ちょっと五月蠅くなってしまいましたがご勘弁を。

もっといろいろ楽しいことが出来るようなのでボチボチと遊んでみたいと思ってます。

cludia_2013_08_06_001

Hatena タグ: ,


JavaFX で足し算のお勉強

JavaFX NetBeans

JavaFX を少し前から触りだしたのですがさっぱり解らない状態のままです。

某サイトの記事を参考に進めているのですが行き当たりばったりでやってます。

ということで今回はちょっとした足し算を出題するプログラムを組んでみることにしました。

特に難しいことはやってないし、GUI の設計は JavaFX Scene Builder でポトペタやれば NetBeans IDE との連携で楽ちんだよ!

AnchorPane のコードプロパティでコントローラ・クラスを NetBeans IDE との連携により選択できます。

レイアウトとかの編集も視覚的に確認できて楽です!

4

 

Button のコードプロパティでは fx:id , On Action などの設定も可能です。

NetBeans IDE との連携機能で JavaFX アプリを創るにはこれしか無いってほど強力ですね。

5

 

そんなこんなでできあがったのはこんな感じの完成度の低いアプリです。

1

2

3

 

TextField には入力制限をかけたかったのですが面倒なことをしなくてはいけなそうなので 0 から 9 以外の文字(全角文字も)が入力された場合はエラーメッセージを出すように手を抜きました。

標準で入力制限をかけるようなものが用意されてないのは残念です。(あるかもしれません。)

JavaFX はじめて 3時間くらいでここまで出来るのは優秀な開発環境のおかげですね。

それではソースコードを載せておきますね。

まだ JavaFX をはじめたばかりなので間違いがあるかもしれませんが笑って許してくださいね。(^_^;)

ついでに Java Web Start もリンクしておきますね。

 

Webstart: click to launch Calc app as webstart

 

適当だけど組んだプログラムが動くってことは今でも素直に嬉しい!

もっといろいろ楽しめそうな気がしてきました。(^_^)

cludia_2013_08_05_001

 

Hatena タグ: ,

Windows 8.1 Preview

Windows

Windows 8.1 Preview をインストールしてみた。

スタートボタンが復活とか噂になっていたので期待したが裏切られた。

見た目では Windows 7 のようにスタートボタンの機能の復活と思わせるが、いやいや復活させた感が思いっきり感じられる。

とても中途半端に感じるのは私だけでしょうか?

1

 

スタートボタンをクリックするとスタート画面へジャンプしてしまいます。

そこで右クリックすると下図のようなコンテキストメニューが表示されます。

3

 

う~ん。。。。なんでこんな仕様にしたんだろう?

ただし、ログイン後にデスクトップへジャンプする機能はつけられたようです。

2

 

素直に Windows 7 と同じスタートメニューを用意したほうがユーザーには喜ばれると思うんですけどね。

それとも私がモダン OS についていけないだけなのか? (>_<。)

 

おまけ

Windows 8.1 Preview をインストールしてると Micosoft アカウントでしかインストールを進められないような仕組みに遭遇します。

これの回避方法は Microsoft アカウントの登録に失敗を繰り返せばローカルアカウントの作成を促してくれます。

セキュリティコードの入力をたまたま間違えて気付きました。

いい加減な甘い性格が功を奏しました。(^_^;)

とりあえずインストールは問題なくできましたので暇な時に使ってみたいと思ってます。

なにか感動的な変更ってあるのかなぁ?

Hatena タグ:

新しい記事 »