SCADA-积木(brick)属性和方法

类型:
 type
    //  "brick_text"  文字
    //  "brick_line"  线条
    //  "brick_rect"  矩形
    //  "brick_table"  表
    //  "brick_combination"  容器
    //  "brick_HTML"  HTML浏览器
    //  "brick_Button"   按钮窗
    //  "brick_Static"  静态文本窗
    //  "brick_Edit"  edit窗
    //  "brick_ListBox"  列表窗
    //  "brick_ComboBox"  组合窗
    //  "brick_TabControl"  tab窗
    //  "brick_ScrollBar"  滚动条
    //  "brick_SliderControl" 滑尺
    //  "brick_ProgressControl" 进度条
    //  "brick_TreeControl"  树控件
    //  "brick_ScadaWnd"  嵌套一个 scada窗体

位置和大小:
 x
 y
 width
 height

基本属性:
 archor   // 锚点
 tip   // 显示的tooltip信息.

空白:
 margin
  .size
  .sizeX
  .sizeY
  .left
  .right
  .top
  .bottom
  

背景:
 bgn
  .type   //  背景方式:
     //   none  // 无
     //   common  // 普通( 单一颜色, 或者过渡色 )
     // image  // 图片

-------------------------------------------------------------------------------------------------
bgn.type=="common"属性:

  .color   // 背景颜色1
  .color2   // 背景颜色2
  .fillStyle  // 填充方式:
      common   // 标准
      LeftToRight  // 从左到右过渡
      RightToLeft  // 从右到左过渡
      TopToBottom  // 从上到下过渡
      BottomToTop  // 从下到上过渡
      CenterToLeftRight // 中间向左右过渡
      CenterToTopBottom // 中间向上下过渡

   
 
-------------------------------------------------------------------------------------------------
bgn.type=="image"属性:

        .imageFile  // 文件名, 遵从apl路径规则.
        .imageFillStyle  // 背景图片填充方式:
      common   // 标准模式( 拉伸背景图像填充整个区域 )
      tile   // 以磁片方式填充
      tileFlipX  // 磁片+X轴镜像
      tileFlipY  // 磁片+Y轴镜像
      tileFlipXY  // 磁片+X轴镜像+Y轴镜像
      clamp   // 原始图像大小.

        .alt   // 当image打不开的时候, 显示的替代image的文字.  
   
-------------------------------------------------------------------------------------------------
     
        .shadow   // 阴影属性.
   .x      // 阴影的x偏移
   .y      // 阴影的y偏移      
   .color      // 阴影的颜色    

边框:
 border  
  .color
  .color2
  .color3
  .type   //
     //  "none",     // 无边框
     //  "common", "rect"  // 方框
     //  "google"   // 框上面颜色 和 其他框颜色不一样.
     //  "roundRect"   // 圆角框( apple风格 )
     //  "topRoundRect"  // 上面是圆角框
     //  "topRoundRectBottomNone" // 上面是圆角框, 下边无框
     //  "bottomRoundRect"  // 下面是圆角框
     //  "bottomRoundRectTopNone" // 下面是圆角框, 上面无框
     //  "leftRoundRect"   // 左边是圆角框
     //  "leftRoundRectRightNone" // 左边是圆角框, 右边无框
     //  "rightRoundRect"  // 右边是圆角框
     //  "rightRoundRectLeftNone" // 右边是圆角框, 左边无框

  .edge   //
     //   "none"
     //   "bump"
     //   "ETCHED"
     //   "RAISED"
     //   "SUNKEN"  

  .edgeFlags  //
     //   "none"
     //   "RECT"
     //   "LEFT"
     //   "BOTTOM"
     //   "RIGHT"
     //   "TOP"
     //   "TOPLEFT"
     //   "TOPRIGHT"
     //   "BOTTOMLEFT"
     //   "BOTTOMRIGHT"
     //   "DIAGONAL_ENDBOTTOMLEFT"
     //   "DIAGONAL_ENDBOTTOMRIGHT"
     //   "DIAGONAL_ENDTOPLEFT"
     //   "DIAGONAL_ENDTOPRIGHT"
     //                

内填充:
 padding

  .size
  .sizeX
  .sizeY
  .left
  .right
  .top
  .bottom