罫線機能


■ 罫線機能

 ViViは全角文字を使った罫線図形を容易に作成する機能を持っています。
 罫線機能を使うと、

┏━━━━━┓      ┌──→ ───┐     ┏━━━━━━┓
┃メッセージ┃キーイベント│  Translate │WM_COMMAND┃ウィンドウ ┃
┃ キュー ┃─────→│ Accelerator │────→┃プロシージャ┃
┗━━━━━┛      └─── ←──┘     ┗━━━━━━┛
                │ ↑
                │ │
                ↓ │
           ┏━━━━━━━━━━━┓
           ┃アクセラレータテーブル┃
           ┗━━━━━━━━━━━┛

とか、

┏━━━━┯━━━━━━━━━┯━━━━━━━━━━┓
┃    │Alt+       │Alt+ Ctrl+     ┃
┠────┼─────────┼──────────┨
┃リターン│改行、行頭記号無効│          ┃
┃    │自動インデント有効│          ┃
┃↑   │行頭記号上方向参照│インデント上方向参照┃
┃↓   │行頭記号上方向参照│インデント下方向参照┃
┃←   │前行頭記号生成  │          ┃
┃→   │次行頭記号生成  │          ┃
┗━━━━┷━━━━━━━━━┷━━━━━━━━━━┛

┏━┯┯━━━━┯━┓
┃┌┘└┬─┬─┘┌┨
┃└┐┌┘┌┼──┘┃
┠─┴┤┌┤└─┬┬┨
┃ ┌┼┘│┌─┘│┃
┠─┘└┐└┤┌─┘┃
┗━━━┷━┷┷━━┛

といった罫線図形をかんたんに作成することが出来ます。

■ 罫線モード

 罫線を引く、または消去するには、罫線モードに切り替えます。

  • メニューで、「ツール(T)」-「罫線モード(K)」 を指定する。
  • ツールバーの [罫線モード] をクリックする。
  • Shift+F5を押す

のいずれかで罫線モードになり、ツールボックスの [罫線モード] はボタンを押した状態に、 メニューの [罫線モード(K)] にはチェックマークが表示されます。
 罫線モードでもほとんどの編集作業が出来ますが、コントロールキーまたはシフトキーと 矢印キー(↑↓←→)を押した場合、カーソルキーの移動、文字列の選択ではなく、罫線の 入力、消去となります。

  • コントロール+矢印キー  罫線を引く
  • シフト+矢印キー     罫線を消す

 ためしに、罫線モードにして、罫線を引きまくってみてください。面白いように罫線が 引けるはずです。

 現在、利用できる罫線文字は全角の細い罫線と太い罫線の2種類です。この切り替えは メニューの 「ツール(T)」-「全角細罫線(T)」 または、「ツール(T)」-「全角太罫線(F)」 で行います。 Alt キーを使うとこの切り替えがスムースに出来ます。Alt を押しながら、"T", "T" で細い罫線、 "T", "F" で太い罫線に切り替わります。

 罫線の上に罫線を重ねた場合、適当な罫線文字で描画されます。罫線文字はすべて のパターンが揃っていないので、特殊な場合には望ましいコードにならない場合がありますが、 通常の図表を作成する場合は問題ありません。

 罫線モードを修了するには、罫線モードコマンド、

  • メニューで、「ツール(T)」-「罫線モード(K)」 を指定する。
  • ツールバーの [罫線モード] をクリックする。
  • Shift+F5を押す

のいずれかを実行します。また、BOX選択モードに切り替えても罫線モードは解除されます。

■ 罫線矢印

 プロパティシートの "入力" タブで、"罫線矢印" をONにすると罫線の端が矢印(→←↑↓)に なります。

■ HTMLでの罫線の使用

 筆者のホームページで多用しているように、罫線を使って様々な図形を描くことができます。 特に、ウィンドウの画面やダイアログなんかを書く場合、慣れてくるとスイスイ書くことが出来るようになります。
 HTMLでは gif 等の画像ファイルを張り付けることも出来き、 ダイアログの図などは罫線で描いた図形よりも遙かに美しくなります(下図参照)。

┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃検索ダイアログ                      ×┃
┠──────────────────────────────┨
┃        ___________________   ┃
┃ 検索文字列: ___________________▼  ┃
┃                              ┃
┃┌検索開始位置──────┐┌検索オプション───────┐┃
┃│○ ドキュメント先頭から││□ 英大文字・小文字を同一視│┃
┃│◎ カーソル位置から  ││□ 全角・半角を同一視   │┃
┃│○ ドキュメント最後から││□ あいまい検索 【詳細…】│┃
┃└────────────┘│□ 正規表現        │┃
┃┌検索方向────────┐└──────────────┘┃
┃│◎ 順方向(↓)    │                ┃
┃│○ 逆方向(↑)    │                ┃
┃└────────────┘                ┃
┃                              ┃
┃       【 検 索 】  【キャンセル】       ┃
┃                              ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

 しかし、そのサイズは、罫線図形は 1,385 バイトに対し、gif は 7,827 バイトと、 罫線図形の方が遙かに小さくなります。 表現力よりもファイルサイズを優先させたい場合は、HTMLでも罫線図形を使うことは、ひとつの選択肢です。 場合場合で使い分けてください。