メニューとツールバー

このセクションでは、Nexaweb が Java アプリケーションＵＩ開発時提供するメニューとツールバーウィジットの簡単な説明をしています。

ウィジットに関する詳細な情報は、XAL スキーマドキュメンテーションをご覧下さい。

menuBar

メニューバーはコンポーネントを左から右にレイアウトします。主に、メニューを作成するための menu、menuItem、popupMenu コンポーネントで使用します。しかし、ボタンの横列またはラジオボタンのような他のコンポーネントをライアウトするためにも使用することができます。

Nexaweb Studio では Paletteview でこのウィジットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

freePane でこのウィジットを使用した XAL の例 :

<menuBar>
 <menu text="File">
  <popupMenu>
   <menuItem text="Open"/>
   <menuItem text="Close"/>
   <menuItem text="Preferences">
    <popupMenu>
     <menuItem text="A preference"/>
     <menuItem text="A different preference"/>
    </popupMenu>
   </menuItem>
  </popupMenu>
 </menu>
 <menu text="Edit">
  <popupMenu>
   <menuItem text="Cut"/>
   <menuItem text="Copy"/>
   <horizontalSeparator/>
   <menuItem text="Paste"/>
  </popupMenu>
 </menu>
 <menu disabled="true" text="Format">
  <popupMenu>
   <menuItem text="Cut"/>
   <menuItem text="Copy"/>
  <menuItem text="Paste"/>
  </popupMenu>
 </menu>
 <menu text="Run">
  <popupMenu>
   <menuItem text="Open"/>
   <menuItem text="Close"/>
   <menuItem text="Preferences..."/>
  </popupMenu>
 </menu>
</menuBar>

メニューは子 popupMenu のついたスタイルボタンです。ユーザーがボタンを押下した時、 UI は popupMenu を表示します。主に menuBar の menu を使用しますが、ポップアップリストを作成するためにそれ自身を使用することができます。

Nexaweb Studio は Paletteview で単体のドラッグ&ドロップウィジットとしてではなく、menuBarウィジットに埋み込まれたコンポーネントとしての menu を保有しています。

freePane でこのウィジットを使用した XAL の例 :

<menu text="File">
  <popupMenu>
   <menuItem text="Open"/>
   <menuItem text="Close"/>
   <menuItem text="Preferences"/>
  </popupMenu>
</menu>

menuItem

popupMenu の menuItem を使用します。menuItem はmenu の選択肢です。サブメニューを作成するためには、menu に popupMenu を追加します。

Nexaweb Studio は Paletteview で単体のドラッグ&ドロップウィジットとしてではなく、menuBar ウィジットに埋み込まれたコンポーネントとして menu を保有しています。

popupMenu

ポップアップメニューは menuItems とサブメニューを保有します。

Nexaweb Studio は Paletteview で単体のドラッグ&ドロップウィジットとしてではなく、menuBar ウィジットに埋み込まれたコンポーネントとして menu を保有しています。

horizontalToolbar

ポップアップメニューは menuItems とサブメニューを保有します。

Nexaweb Studio は Paletteview で単体のドラッグ&ドロップウィジットとしてではなく、menuBar ウィジットに埋み込まれたコンポーネントとして menu を保有しています。

<horizontalToolBar height="25px" width="200px" x="50px" y="140px">
  <button text="Button 1"/>
  <button text="Button 2"/>
</horizontalToolBar>

verticalToolbar

アプリケーション機能へアクセスできる縦に表示されているボタンのリスト

Nexaweb Studio では Paletteview でこのウィジットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

freePane でこのウィジットを使用した XAL の例 :

<verticalToolBar height="200px" width="50px" x="50px" y="210px">
  <button text="Button 1"/>
  <button text="Button 2"/>
</verticalToolBar>

horizontalSeparator

メニューのアイテムのような UI コンポーネントをセパレートする水平セパレータです。

Nexaweb Studio ではPaletteview でこのウィジットが利用可能で、そこからVisual Editorの UI ファイルにドラッグ&ドロップすることができます。

freePane でこのウィジットを使用した XAL の例 :

<horizontalSeparator height="5px" width="100px" x="150px" y="310px"/>

As used in a menuBar:

<menuBar x="70px" y="120px">
  <menu text="Edit">
   <popupMenu>
    <menuItem text="Cut"/>
    <menuItem text="Copy"/>
    <horizontalSeparator/>
    <menuItem text="Paste"/>
   </popupMenu>
   </menu>
</menuBar>

verticalSeparator

ツールバーのグループとして UI コンポーネントをセパレートする垂直線

Nexaweb Studio では Paletteview でこのウィジットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

freePane でこのウィジットを使用した XAL の例 :

As used in a verticalToolbar:

<verticalToolBar height="200px" width="50px" x="50px" y="210px">
  <button text="Button 1"/>
  <verticalSeparator/>
  <button text="Button 2"/>
  <verticalSeparator/>
</verticalToolBar>