[ |../../index.htm#lansa/lansa050fp_0155.htm]
現在地: RAMP-TSガイド > RAMP VLF-WIN のチュートリアル > 上級 RAMP Womdows チュートリアル > RAMP-WINAD04 ステップ 2. スタイルを設定する

RAMP-WINAD04 ステップ 2. スタイルを設定する

このステップでは、すべての画面のフォント・スタイルを設定します。 
スタイルを適用することで共通の外観や操作性をが得ることができ、スタイルが自由に展開されてしまうのを防ぐ意味でも、アプリケーションでは (手動で個別の画面やエレメントをフォーマットするのではなく) スタイルを使用する必要があります。また、スタイルによりシングル・ポイントでの変更ができるようになるので、例えば、スタイルを変更してすべての画面のフォントを変更することができます。
aXes を使用して自由にカスタマイズできますが、アプリケーションの外観や操作性は標準のフレームワーク・テーマにより制御する必要があること、カスタマイズはこれらのテーマに適合する必要があることに注意してください。
例えば、フレームワークがすべての RAMP 画面の背景色を自動的に設定するため、画面の背景色のセットアップに aXes スタイルを使用してはいけません。 
 
1.   \[画面の編集\] をクリックして、拡張可能なオブジェクトのリストからアプリケーションを選択して、アプリケーションのプロパティを表示します。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
 
2.   スタイルのセクションが表示されるまで、下にスクロールします。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
 
3.   スタイルの横に表示されている \[編集\] をクリックします。
 
スタイル・エディターが表示されます。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
 
4.   \[追加\] ボタンをクリックしてスタイルを追加します。

!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
 
5.   \[style\] プロパティをクリックします。すべてのスタイル・プロパティを示すウィンドウが表示されます。
6.   \[font-family\] 属性を見つけて、Meiryo UI を指定します。
7.   \[font-size\] 属性を見つけて、9 を指定します。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
  
8.   \[OK\] をクリックします。
 
フォント・サイズを設定するときは、RAMPアプリケーションに表示される画面が使用可能なスペースに合わせて自動的にサイズが設定されることに注意してください。つまり、表示されるフォント・サイズは指定したサイズよりも小さくなることがあります。
 
9.   \[style\] プロパティとは何かを理解するには、\[aXesデザイナー\] ウィンドウの \[スタイル\] 見出しの前にあるメニュー・アイコンをクリックして、ヘルプを選択します。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
 
11.   \[StyleFor\] プロパティの説明を読みます。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
BasicFont スタイルの \[StyleFor\] プロパティの値を \[全て\] に設定すると、aXes で定義されているすべての画面のすべてのテキストにスタイルが適用されます (aXes デザイナーで画面を編集して保管すると、aXes の screens フォルダに screen_xxxxx.js ファイルが作成されます)。
  
11.   \[aXesデザイナー\] ウィンドウの上部にある \[保存\] ボタンをクリックして、作成したスタイルを保管します。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
 
以上で、画面のフォントが Meiryo UI 9pt に設定されました。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
 
 
[ !worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32! |../../index.htm#lansa/lansa050fp_0155.htm]