TabFrame/TabForm

Q2
タブの縦表示
[内容]
タブを右側か左側に縦表示にし、タブに表示する文字列も縦書きにしたい
A2
[解決方法]
タブの表示位置は、TabFrame.TabPositionプロパティを指定する事で上下左右任意の位置に表示する事ができます。
以下はTabFrame.TabPositionプロパティを上下左右に指定した場合の表示例です。


タブの文字を縦書きにする場合は、タブをImageButtonで代用し、文字列をイメージ(画像)として表示するといった方法で実装が可能です。

[サンプルコード] ※記述ポイント抜粋
  /* 左タブ設定 */
  TabFrame TabFrame1 {
      X = 50;
      Y = 103;
      Width = 124;
      Height = 174;
      TabWidth = 50;
      TabHeight = 20;
      TabStyle = $NONE;
      
      TabForm TabForm1 {
          BgColor = $FFFFCC;
          Title = "A";
          Label Label1 {
              X = 21;
              Y = 12;
              Width = 73;
              Height = 29;
              Value = "左タブA";
              BgColor = $FFFFCC;
              HorizontalAlign = $CENTER;
              FontFace = $BOLD;
          }
      }
  /* 省略 */
  }
  
  /* 左Aタブ */
  ImageButton ImageButton1 {
      X = 22;
      Y = 103;
      Width = 28;
      Height = 51;
      ButtonStyle = $SURFACE;
      BgColor = $FFFFCC;
      SetImage("A.png");
      Function OnTouch(e) {
          ^.TabFrame1.Value = 0;
      }
  }
  /* 省略 */

実際の挙動については、CRSファイル形式のサンプル
   「タブの縦表示(TbF_008.zip)」
をご確認ください。

管理番号:TbF_008
  Biz-Collections Bizの宝箱 トップへ
  Biz/Browser・Biz/Designer TIPS集 トップへ