JavaFXComposerNewInPreview2Ja

(Difference between revisions)
(データサポートの改良)
(JavaFX Effects)
Line 87: Line 87:
[[file: javafx-composer-datasource-customer-file.png]]
[[file: javafx-composer-datasource-customer-file.png]]
-
==JavaFX Effects==
+
==JavaFX エフェクト==
-
Palette contains "JavaFX Effects" category with all effects available in JavaFX 1.2.3 SDK.
+
パレットの "JavaFX Effects" カテゴリには JavaFX 1.2.3 SDK に含まれるすべてのエフェクトが含まれています。
[[file: javafx-composer-palette-effects.png]]
[[file: javafx-composer-palette-effects.png]]
-
You may drag and drop them to your design and change their properties.
+
デザインビューにドラッグ&ドロップしてプロパティーしてプロパティーを変更します。
-
Similarly you may drag and drop them to a node directly, then they are even automatically assigned to the target node. This way you may directly set e.g. Reflection to your !ImageView.
+
同様に、ノードに直接ドラッグ&ドロップすると、対象のノードに自動的に割り当てられます。この方法で例えば !ImageView に直接リフレクションを設定できます。
-
Similarly you may open "Details" property view for any effect property and choose to reuse an existing effect or press "Add" button to create and assign a new effect. "Edit" button select the particular effect so its properties can be edited.
+
同様に "Details" プロパティービューを開き、それぞれのエフェクトプロパティーを変更し、また既存のエフェクトを再利用するために選択します。"Add" ボタンを押し新しいエフェクトを作成し割り当てできます。
 +
"Edit" ボタンでそのプロパティーを編集できます。
-
Note the float map for the !DiplacementMap effect has to be coded manually.
+
注: !DiplacementMap の float マップは手動でコードを追加する必要があります。
==Colors==
==Colors==

Revision as of 04:01, 16 February 2010

Contents

JavaFX シェイプ

パレットの "JavaFX Shapes" カテゴリには JavaFX 1.2.3 SDK で提供されているほとんどの JavaFX シェイプが含まれています。

file: javafx-composer-palette-shapes.png

デザインビューにドラッグ&ドロップしてプロパティーしてプロパティーを変更します。

高度な操作が行えるツールを今後追加する予定ですが、現時点ではシェイプやコンポーネントを移動できるだけです。プロパティーの startX,Y, endX,Y は正しい位置とサイズの値を設定する必要があります。2つのモードがあります:

シェイプやコンポーネントをマウスを使って移動する場合には layoutXlayoutY プロパティーが変更され、全体のレイアウトも変更されます。上のイメージではパネルと vbox がリサイズされます。配置しているコンテナが自動レイアウトする場合は layoutXlayoutY は無視できます。

シェイプやコンポーネントを Ctrl+Mouse を使って移動する場合には translateXtranslateY が変更されます。この値はレイアウトには影響されません。

ステートによるアニメーション

Preview 1 リリースの時は、それぞれのステートで簡単なアニメーションを指定することができました。アニメーションは補間方法(interpolator)と時間(duration)で指定しました。

Preview 2 リリースでは、アニメーションに継承が使えるようになります。それぞれのプロパティーにはデフォルトで単純な継承アニメーションがあります。継承アニメーションは継承された補間方法と時間で指定します。

file: javafx-composer-property-inherited-animation.png

特定の補間方法と時間を指定した場合は以前の動作と変わりありません。

継承として指定して場合は、特定にステートに対してデフォルトのアニメーションセットから取得されます。デフォルトのアニメーションはデザインのステートリストで "Edit" ボタンを押して編集します。

file: javafx-composer-state-edit-animation.png

特定のステートに対するデフォルトのアニメーションが表示されます。指定すると、全体のステート変数用にデフォルトのアニメーションからアニメーションが継承されます。"State Varible" リストエリアを開き "Edit" ボタンを押して編集します。

file: javafx-composer-state-variable-edit-animation.png

ステート編集のデフォルトのアニメーションは一番上のレベルでこれは継承されないことに注意してください。

アニメーションの継承によって、"currentState" ステートの変数でアニメーションを1度指定するだけでよくなります。すべてのアニメーションを管理する必要はなくなります。

デフォルトではプロパティーアニメーションはすべてのプロパティーに継承されることに注意してください。これは "visible" や "mouseClicked" プロパティーも含まれます。しかし通常はこれらのプロパティーはステートの変更後即座に変更したいことが多いでしょう。このため "Details" プロパティービューで、"Select All" ボタンを押しすべてのステートに対して "0" を時間フィールドに設定できます。この方法によりすべてのステートの時間を 0ms に上書きできます。

詳細は State Animation Tutorial を参照してください。

データサポートの改良

データソースのカスタマイザとその API は大幅に改良されました。

データソースは XML データストリームをパースし動作するようになりました。またデータソースカスタマイザ上でフェッチしたデータを性格に表示することができます。

JSON パーサーは JSON 配列から RecordSet に、JSON オブジェクトから Recordマップに、JSON オブジェクトのキーは Record の属性にマップします。

LINES パーサーはストリームを RecordSet としてパースし、それぞれの行は ".lines" という名前の1つの属性と全体の行を値とする Record になります。

XML パーサーは次のように実装されています:

  • それぞれの XML 要素は一つの Record に変換されます
  • XML 属性は特定の Record の属性に変換されます。
  • 特別な属性 ".elements" を持つ Record は XML サブ要素の RecordSet を含みます。
  • 特別な属性 ".text" を持つ Record はその値は特定の要素の内部テキストです。
  • 特別な属性 ".name" を持つ Record は XML 要素タグのローカル明を含みます。
  • 新規ヘルパーメソッド Record.getXmlString() が追加され、XML からのデータ取得を簡素化します。

file: javafx-composer-datasource-customer-parser-xml.png

HTTP データソースは HTTP POST メソッドを扱います。これは GET メソッドにも同様に使えます。HTTPDataSource.connectionMethod を "POST" に設定します。

JDBC データソースカスタマイザの "SQL Query" ダイアログは大幅に改良されました:

file: javafx-composer-datasource-customer-jdbc-select.png

JDBC データソースへの書き込みサポートが追加されました。これは以下のメソッドを使用します:

  • JDBCDataSource.execute (sql: String) - 任意の SQL ステートメントを直接実行します。
  • JDBCDataSource.remove (table: String, whereClause: String) - 表から列を削除します。
  • JDBCDataSource.update (table: String, fields: javafx.data.Pair[], whereClause: String) - 表の列を更新します。
  • JDBCDataSource.create(table: String, fields: javafx.data.Pair[]) - 表に列を追加します。

FileDataSource はファイルを読み込みのサポートのために以下から拡張されました:

  • Local FileSystem - パスは絶対パスを表しています。
  • Resource - パスはクラスパス上のパスを表しています。
  • Storage - パスは Storage API でのリソースパスを示しています。

FileDataSource はデスクトッププロファイルでのみ動作することに注意して下さい。また "Fetch Data" は "Local FileSystem" 型のみで動作します。 file: javafx-composer-datasource-customer-file.png

JavaFX エフェクト

パレットの "JavaFX Effects" カテゴリには JavaFX 1.2.3 SDK に含まれるすべてのエフェクトが含まれています。

file: javafx-composer-palette-effects.png

デザインビューにドラッグ&ドロップしてプロパティーしてプロパティーを変更します。

同様に、ノードに直接ドラッグ&ドロップすると、対象のノードに自動的に割り当てられます。この方法で例えば !ImageView に直接リフレクションを設定できます。

同様に "Details" プロパティービューを開き、それぞれのエフェクトプロパティーを変更し、また既存のエフェクトを再利用するために選択します。"Add" ボタンを押し新しいエフェクトを作成し割り当てできます。 "Edit" ボタンでそのプロパティーを編集できます。

注: !DiplacementMap の float マップは手動でコードを追加する必要があります。

Colors

You may design colors, linear gradients and radial gradients.

There is no longer just a Color value. Instead they can be drag and dropped into a design as Resources from "JavaFX Resources" category within the palette.

file: javafx-composer-palette-paints.png

Many Paint-based properties has some non-null default value set e.g. "Fill" property of "Scene" component. Since a design does not have these default values presented as resources, the particular property value is specified with a custom-code.

file: javafx-composer-property-paint-default-custom-code.png

You may specify your own value by opening the Details panel. There you can select "Use specific value:" radio-button and select existing Paint resource or create a new one by pressing "Add" button and choosing an appropriate Paint type.

file: javafx-composer-property-paint-details.png

Templates

The "Exclusively Visible" template has new options for choosing a transition type i.e. whether to change

  • the visibility only or
  • the visibility and opacity

of the panels while switching between particular states.

Additionally you may change specify an interpolator and a duration for the visibility and the opacity transitions.

file: javafx-composer-template-exclusively-visible-opacity.png

For more, see Templates Tutorial in JavaFX Component Preview 2.

Charts (experimental)

Palette contains "JavaFX Charts (experimental)" and "JavaFX Chart Resources (experimental) categories with all JavaFX Charts available in JavaFX 1.2.3 SDK.

file: javafx-composer-palette-charts.png

You may drag and drop them to your design and change their properties. There are many properties that may be set. The important ones are always visible in the Properties windows. The rest of Chart-related properties are placed in the "Chart" category.

file: javafx-composer-property-chart.png


Charts are not live-visualized in the design view. Instead they are presented as a chart icon rounded by a boundary rectangle.

Note that for proper function of Chart components:

  • You have to specify both axis - by default both are created and assigned together with creation of the chart.
  • You have to define correct bounds of Number Axis and categories in the Category Axis.
  • All charts except for Pie Charts are using Data Series. See the "Data" property of a particular chart. In its Details property view you may specify/add/reuse data-series that should be visualized.
  • Particular Data Series and Pie Charts has "Data" property which represents a sequence of data to be visualized. The data is represented by an encapsulation object. To simplify the static data you may use a build-in simple data editor.

file: javafx-composer-property-chart-series.png

file: javafx-composer-property-chart-series-data.png

For more, see JavaFX Composer Chart Tutorial in Preview 2

New Samples

There are new samples bundled with the tool. You may create a open them by invoking "File | New Project..." main menu item and selecting "Samples | JavaFX" category.

The list of new and modified samples:

  • Google Image Search - uses Google Image Search API for searching images. Click here to see live demo.
  • Google Search - uses Google Web Search API for searching for web-pages
  • Hello World - animation improved
  • JDBC Address Book - uses new write support in JDBCDataSource API in CRUD-based Address Book application - note it requires JavaDB libraries with in-memory-DB feature.
  • Magic Label - improved for more states and graphics. Click here to see live demo.
  • NetBeans Project Browser - replacement for Kenai Project Browser
  • Twitter - simple twitter client. Click here to see live demo.
Not logged in. Log in, Register

By use of this website, you agree to the NetBeans Policies and Terms of Use. © 2012, Oracle Corporation and/or its affiliates. Sponsored by Oracle logo