TERSUS画画一样开发软件 显示元件介绍-容器类显示元件

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的容器类显示元件包括:内容显示块(Pane)元件、行显示元件(Row)、列显示元件(Column)、工具栏元件(Tool bar)、组合元件(Group)

内容显示块(Pane)元件:是一个显示容器,可以做为一个显示框处理,前端客户只能看到他属性设定的效果,除属性中设定边距及颜色边框等可显示要素外,前端显示效果中客户是看不到这个块的其它内容的。主要的作用:

1、约束了放入其中的其他显示元件的通用属性,定义在它上面的属性如果在其内部放置的其它显示元件上不进一步定义则自动父层属性继承下来。

属性定义可以直接选中元件在添加html.style或html.styleClass来进行定义,后者定义的是一个CSS样式组名(具体样式在项目的样式文件中定义即可,参考另一篇样式管理文章),前一个可直接放CSS样式名和值:

2、可以做为主显示界面中上下左右大框架设计,比如下面设计中可以在一个页面中放四个显示块,四个的大小已拖放过以便于理解,第一个可以做为头部,放名称和LOGO图标,第二个可以是左侧菜单内容区,第三个是具体内容区域,第四个是底部显示比如网页的版权信息等:

行显示元件(Row):和显示块的作用及使用基本一样,唯一区别是其中放置的显示元件都将排在一行中显示在客户端,除非属性中设定边距及颜色边框等可显示要素,前端也看不到一个没属性的行元件,其主要作用:

1、约束了放入其中的其他显示元件的通用属性,同显示块作用1;

2、放在列元件中,可以设计一些网格状显示的布局(网格状的显示也可以采用复杂表格来设计),放在一个列元件中的若干行中的对应的第一、二、...等元件,自动对齐,按最宽的那个来分配每列的宽度:

列显示元件(Column):主要是为设计网格状显示布局而做的,作用主要是与行配合进行设计,同行元件作用2,对列的网格线等进行大小样式颜色处理可通过列的属性的设定来完成。设计方法同显示块作用1中说明。示列如上图。

工具栏元件(Tool bar):用于在其中放置多个按钮或按钮组元件,好处是可以统一设定一些内部元件的属性及将多个按钮归至一处,比如在一个行元件中,左右都可以放置多个按钮时,如果右侧有3个按钮,可以将它们放进一个工具栏元件中,对工具栏进行一个“float:right;”的样式定义,这样放工具样款中3个按钮就显示在一行的右侧了:

组合元件(Group):是一个归类用的容器,好处:

1、将一些显示元件放在一个组中,开发时查看方便有条理;

2、复用时直接选中组就可以将组中的元件全部复用。

其中以上好处,最大的优势就是将数据库表或常用的一些通用功能块放在一起时用它来建组,以方便查找使用。

注意:组元件以上好处其实其他元件也同样具备,同一个列或行中的元件放在列或行中也可以清楚理解,且复制一个列或行元件,也就将其中所有的内容都复制使用了。所以在实际开发中,不建议使用组元件。

原文地址:http://blog.51cto.com/11967955/2085784

时间: 2024-10-05 04:01:50

TERSUS画画一样开发软件 显示元件介绍-容器类显示元件的相关文章

TERSUS画画一样开发软件 显示元件介绍-上传显示元件

TERSUS无代码手机电脑管理类软件开发,其中上传类显示元件包括:表单元件(Form).文件上传框元件(File Field) 表单元件(Form):是一个提交信息的元件,类似一个输入框套嵌的容器,可以点右键添加4类带标签的输入框元件,随意添加多个,然后再定义各元件的显示样式即即快速完成提交界面的设计.其中自带一个<On Submit>名的客户端行为处理元件,可以设计更多逻辑进行信息验证及提交处理. 1.所有元件都可以进行样式设计,用"html.style"或用样式类&qu

TERSUS画画一样开发软件 显示元件介绍-图片图标类显示元件

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的图片图标类显示元件包括:图片显示元件(Image).通用显示块元件(HTML Tag). 图片显示元件(Image):显示图片用,直接指定所要显示的图片的地址,在属性中定义图片样式即可. 1.图片源文件可以是项目文件夹中图片文件夹中的图片,自定义的图片可以存入此文件夹,也可以在文件夹中放下一层文件夹并义所需图片放入: 2.地址可以以常量形式定义,拖放一个字符常量元件,用地址来命名此常量的名称,然后传值给图片<Caption>变量即可,也

TERSUS画画一样开发软件 显示元件介绍-勾选类显示元件

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的勾选类显示元件包括:勾选框元件(Check Box).带标签勾选框元件(Check Box with label).放射效果多选项按钮元件(Radio Button Group).放射效果单项勾选元件(Radio Button) 勾选框元件(Check Box):勾选框元件是用户在电脑或手机上可以打勾选处理的元件,当前端打勾时,其中的值变为布尔常量"是",可以用于后面逻辑的判断等,比如如果勾选则进行什么逻辑处理等. 1.勾选框的

TERSUS画画一样开发软件 显示元件介绍-常量及链接显示元件

TERSUS无代码手机电脑管理类软件开发,其中包括务类常量显示和链接显示元件:字符显示元件(Text Display).数字显示元件(Number Display).日期显示元件(Date Display).时间显示元件(Date and Time Display).链接显示元件(Link) 常量显示元件:是一个固定的数字.字符串.日期或时间显示的元件,当显示内容传值给它时,在手机或电脑用户前端就可以看到值.但是在具体使用时,还需要注意: 1.输入值与显示常量的值类型要一致,比如要显示的值是文字

TERSUS画画一样开发软件 显示元件介绍-列表显示元件

TERSUS无代码手机电脑管理类软件开发,其中专用于手机或平板端的重复类信息显示的元件:列表或清单元件(List) 列表或清单(List)元件:是一个容器类的元件,当有一组多个信息需要显示在一块区域且多组排列显示时用.多用于手机和平板端.比如常用的应用中,手机查看店中上架的零食信息,就是一个点型的列表显示: 这类重复内容都是列表显示来做出来的,列表显示默认的元件如下: 列表元件使用时有以下几点: 1.使用时可以对列表元件或其内部内部List Item中的显示元件用"html.style"

TERSUS画画一样开发软件 显示元件介绍-子页面及弹窗显示元件

TERSUS无代码手机电脑管理类软件开发,其中窗口类显示元件包括:子页面元件(Page Dialog).弹窗显示元件(Modal Dialog) 子页面元件(Page Dialog):是手机和平板移动端设计时所用到的新页面元件,移动端是由各个页面所组成的,在按钮等元件中放置一个页面,前端用户在点击按钮时,就会以新的页面覆盖旧页面,首页中,可以并列显示多个页面,如下: 1.页面元件一般有个头部和主内容区,头部中也有默认元件,所有元件,包括页面元件都可以单独定义显示样式"html.style&quo

TERSUS画画一样开发软件 显示元件介绍-分页面及左右栏显示元件

TERSUS无代码手机电脑管理类软件开发,其中页面框架设计的显示元件包括:分页面显示元件(Tabbed Pane).左右可调大小两栏显示元件(Split Pane) 分页面显示元件(Tabbed Pane):是一个含多个显示页面的容器,每个页面以一个横放栏位的形式出现,默认放有两个页面: 1.可以对分页中的每个显示块进行改名,显示块名称即是导航栏位的名称.可以右键添加更多显示块: 2.对每个分页元件中的子元件,标题栏中元件等进行属性定义,用"html.style"或"html

TERSUS画画一样开发软件 显示相关处理元件介绍-提示行为元件

TERSUS无代码手机电脑管理类软件开发,其中提示行为类元件包括:提示框(Alert)元件.确认信息框(Confirm)元件及退出提示框(Set Unload Confirmation)元件 提示框(Alert)元件:是用于在用户前端界面弹出一个显示框显示一个提示信息,一般用于出现异常或需要做提醒时触发,使用方法很简单,直接将所需显示的提示信息传值给提示框即可,不可以放在服务器行为处理元件中: 确认信息框(Confirm)元件:也是一个信息框,但是默认是有两个按钮的,一个是确认,一个是取消,可以

TERSUS画画一样开发软件 显示相关处理元件介绍-页面行为元件1

TERSUS无代码手机电脑管理类软件开发,其中页面处理行为类元件包括:向前一页(Forward)元件.后退(Back)元件.跳转页面(Go to URL)元件.带参数的跳转(Create Location)页面地址生成元件.获取页面参数(Get View Parameters)元件 向前一页(Forward)元件:是在浏览器中显示当前页之前显示过的一页,退回上页的功能.其功能与浏览器上一页功能一样,比如开发在一个按钮中时,用户点击即跳转上一页: 后退(Back)元件:同上,是显示当前页下一页或前