HCL Notes 12.0.2 アプリケーション・デザインの一括変更

Slide 1

Slide 1 text

HCL Notes 12.0.2 EAP5 スタイルの変更（Restyle）アプリケーション・デザインの一括変更中野晴幸 Haruyuki Nakano @harunakano (twitter) harunakano.blogspot.com (blog)

Slide 2

Slide 2 text

アプリケーションに設計者以上の権限が無ければグレーアウトする

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

アプリケーションの色テーマの色影響する領域

Slide 6

Slide 6 text

ビューのアクションバービューの列のタイトルビューの行上段フレーム内のフォーム or ページ「アプリケーションのタイトル」エリア中段フレーム内のフォーム or ページ「アウトライン」エリア下段フレーム内のフォーム or ページ「サーバー名」エリア左右2分割のフレームセット色付けされる範囲にあると想定されているもの

Slide 7

Slide 7 text

ニュートラルグレークリームトープシーブリーズテーマの色

Slide 8

Slide 8 text

ピンクオレンジライムティール青インディゴ紫アプリケーションの色

Slide 9

Slide 9 text

マッピングアプリケーションのタイトルアウトラインサーバー名

Slide 10

Slide 10 text

※ナビゲータは選択できない ※「適用外」は何も選択しない場合の選択肢 DB内あにある設計要素のリストマッピング

Slide 11

Slide 11 text

① ② ③ ① ② ③ アウトラインを埋め込んだページを「アプリケーションのタイトル」に指定すると文字が読めなくなったマッピングページの並びを替えてみると… after

Slide 12

Slide 12 text

※コンポジットアプリケーションの場合、オプションが追加されるテーブルの背景

Slide 13

Slide 13 text

テーブルの背景（色） before after after

Slide 14

Slide 14 text

テーブルの背景（イメージ）背景画像が消えた背景画像そのまま before after after

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

フレームセットを使用したアプリのリスタイル（例）

Slide 17

Slide 17 text

view Application title Outline Server name フレームセットの構造縦に3分割のフレーム横に2分割のフレームリスタイル前

Slide 18

Slide 18 text

スタイルの変更

Slide 19

Slide 19 text

before after

Slide 20

Slide 20 text

フレームの高さはそのままだがテキストのスタイルが変わり空きスペースが目立つ表示しているビューがハイライトされたカテゴリ列（1列目）：文字サイズが2列目以降と統一された太字だったが太字でなくなった 2列目：ビューのプロパティで「最後の列をウィンドウ幅の最後まで広げる」が有効になったため列のプロパティで設定している「利用可能なウィンドウ幅まで拡張して使用する」が効かず固定幅で表示された行の高さが変わった行は交互に色が付き、グリッド（行間の線）が引かれたフレーム間に引かれたラインで引き締まった印象になった before after 3列目：2列目のオプションが効かなくなったため無駄に幅が広くなった【詳細は次ページ】

Slide 21

Slide 21 text

リスタイル後に有効になったリスタイル前に有効にしていた両方有効にすると列の設定が無視され、ビューの設定が効くビューのプロパティ列のプロパティ

Slide 22

Slide 22 text

アクションボタンのアイコンの上部と下部が表示されなくなった。（ボタン内マージンが追加されたことによるもの）表の左セルの背景色が置換されたがフォント色は変わらず、文字が読めなくなった before after 表の右セルの背景色はnoneのまま

Slide 23

Slide 23 text

before after リスタイル前にビューアクションバーと列タイトルを変更してみたところ、リスタイルで変わった。

Slide 24

Slide 24 text

before 表内の項目タイトルのセルの背景色は白、罫線はグレーで置換された項目タイトルの位置（左 or 上）をきちんと認識してて素晴らしい項目タイトルのセルの背景色を白に変えるならテキスト色を白のままにせず変えてほしいリッチテキストエリアと表の間にあった水平線が削除された after 表タイトルの位置

Slide 25

Slide 25 text

before after 「アクションボタンを右に揃える」が有効なボタンのスタイルが左揃えのボタンと異なるのは既知の不具合です

Slide 26

Slide 26 text

before after 名前に括弧「()」が付いた隠しビューもリスタイルされた

Slide 27

Slide 27 text

フォームとビューのみのアプリのリスタイルフレームセット未使用のアプリもフォームとビューのリスタイルを実行できます

Slide 28

Slide 28 text

← Restyle前 ↓ Restyle後目立った変更点（ビュー） • 行の高さ • フォントが Default User Interface （Windowsのフォント設定と同じ）に変わった

Slide 29

Slide 29 text

← Restyle前 ↓ Restyle後目立った変更点（フォーム） • フォームに背景色が追加された • 水平線が削除された • フォントが変わった

Slide 30

Slide 30 text

所感 • 現状はメーカー提供のテンプレートによくあるフレーム構成のアプリ用に最適化されたツール • スタイルを微調整なしに揃えたい場合は便利 ➢表を多用する場合は要注意 ➢フォントサイズと表示位置などが細かく調整されたアプリは要注意

Slide 31

Slide 31 text

【参考】リスタイル前後の設計要素サイズ設計要素名前リスタイル前リスタイル後フォーム main 3409 3409 ビュー (by author) 2770 3802 by category 2657 3668 created 2600 3611 ページ Dbtitle 2006 2006 menu 2256 2256 svname 2006 2006 フレームセット MainFrameset 2024 1996 Navigator 2055 2055 アウトライン Menu 2281 2281 設計要素の最終更新日時は、上記のうちアウトライン以外の設計要素でリスタイル実行日時に変わった