smartClient 3--布局

一、组件的布局(如何将组件按照想要的方式进行布局,如左右布局,上下布局等等,这里是大框架下的整体布局)

  1. HLayout  水平
  2. VLayout   垂直
  3. HStack     水平但是width不管
  4. VStack     垂直但是width不管
isc.HLayout.create({
    ID: "pageLayout",
    width: "100%",    
    height: "100%",    
    membersMargin: 10,        //members之间的margin
    layoutMargin: 10,         //layout周围的margin    
    members: [                                                      
    //members可以是组件的引用,也可以是在线create,组件成员也可以嵌套layout布局       
    isc.Label.create({           
    layoutAlign: "left | right | top | bottom | center",    
    //member(这里指组件)对其方式           
    showResizeBar: true | false,                            
    //member之间是否显示 调整大小栏           
    width: 100,         
    //注意,layout管理器不会根据layout自身大小(即container大小)自动调整members的大小(即不会自适应)
    //如果内容(这里指members)撑开layout,将会自然状态撑开,所以可以根据所需设置overflow(hidden | visible | scroll | auto)           
    height: 100
           }),       
           isc.Button.create()
     ]
});
members中的容器组件(container components)
    a.    SectionStack    是分装用户可扩展、可折叠的组件的容器
    b.    TabSet            是分装tabs组件的容器
    c.    Window           是分装模拟window特性(可拖动,可resize)的组件的容器

二、表单的布局(如何进行表单中label、controls的行列布局)注意:这里表单布局类似HTML中的table,分成行和列,以grid网格的形式呈现

    1、表单布局属性    

     numCols    总列数(label和控件各占一列呈水平布局,所以通常设置总列数是 2*n)
        titleWidth    title 即 label 的宽度
        colWidths    可选,所有列的宽度(数组形式),如果设置,则会覆盖表单布局自动计算的每个col的宽度    

    2、field字段属性

        colSpan                                // int,跨列 
        rowSpan                               //int,跨行
        startRow: true | false              //是否应该开始新行
        endRow: true | false               //是否应该结束行
        showTitle: true | false             //控件是否显示label
        align: "left | right | center"       //控件对齐方式    

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏每日一篇技术文章

weex-09-组件text的用法

1.怎么给text 组件赋值 2.怎么设置组件的背景颜色和字体颜色 3.怎么给设置组建的边框颜色,宽度,样式 4.怎么设置文字斜体 加粗 下划线等 5....

28620
来自专栏知道一点点

bootstrap快速入门笔记(八)-按钮,响应式图片

一,默认样式:.btn-default , .btn-primary , .btn-success  ,.btn-info, btn-warning ,btn-...

13030
来自专栏河湾欢儿的专栏

常见选择器

Id选择器(同一页面不能重名)# 类选择器 . 标签选择器 p 包含选择器 .box p 群组选择器 , 通配符 *

10320
来自专栏十月梦想

表单

1.表单控件     1.input标记         1.input标记             提供文本输入框,密码输入框,按钮,单选按钮,多选按钮,...

8930
来自专栏做全栈攻城狮

.Net程序员快速学习安卓开发-布局和点击事件的写法

我们新建一个layout布局文件时,默认就是相对布局。相对布局是相对于非相对布局来说的。顾名思义,相对布局就是 相对于某些控件位置的布局。所有的控件都是相对位置...

14440
来自专栏一“技”之长

自定义Window标题栏titleBar 原

    在进行OS X软件开发时,Window自带的标题栏十分简易,往往不能达到我们的需求,如下图:

12820
来自专栏.Net移动开发

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——ImageTabBar控件的使用方式

获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写ImageResourceID(菜单项图片名称),SelectImageResourceID(...

7530
来自专栏一“技”之长

Java开发GUI之绝对布局 原

    前面多篇博客介绍了Java的awt包中的布局管理类,当然也可以不使用任何布局管理类,开发者可以直接设置组件的坐标和尺寸,示例代码如下:

10720
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:手机应用的TextTabBar快速实现方式

设置控件字体的颜色,将该属性设置为“95, 100, 110”,表示RGB颜色,如图2;

9340
来自专栏keyWords

5、React组件事件详解

2.在React中,每个事件处理回调函数都会自动绑定到组件实例(使用ES6语法创建的例外);

42910

扫码关注云+社区

领取腾讯云代金券