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

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的图片图标类显示元件包括:图片显示元件(Image)、通用显示块元件(HTML Tag)。

图片显示元件(Image):显示图片用,直接指定所要显示的图片的地址,在属性中定义图片样式即可。

1、图片源文件可以是项目文件夹中图片文件夹中的图片,自定义的图片可以存入此文件夹,也可以在文件夹中放下一层文件夹并义所需图片放入:

2、地址可以以常量形式定义,拖放一个字符常量元件,用地址来命名此常量的名称,然后传值给图片<Caption>变量即可,也可设计用数据库表中预存的地址值,如果项目都是在联网的环境中使用,也可以将网络上某个图片的网络地址传给图片供显示:

3、图片的属性设置与其他元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义,比较大小可以用“height:18px;width:18px;”来直接定义,同类样式的可以定义一个样式类,用“html.styleClass”来统一处理:

4、图片可以在其他显示元件中放入使用,比如前面一节提到的在按钮中放一个动态图片,在用户点击后显示动态的加载图片以加强用户体验。

通用显示块元件(HTML Tag):是一个默认为HTML块的元件,也是一个容器元件,很多显示元件都可以基于此来自定义而不用其默认的设计,比如可以用它来从零开始设计自己想要的按钮等,其最常用的一个功能是作为一个HTML元件,定义大小来做为空内容的元件并放置一些bootstrap图标,当然这类图标也可以直接定义在其他大部分显示元件之上。

上图中,用“html.styleClass”属性定义了bootstrap图标,在属性中指定图标名称即可。

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

时间: 2024-10-15 11:28:56

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

TERSUS画画一样开发软件 显示元件介绍-按钮类显示元件

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的按钮类显示元件包括:按钮(Button)元件.按钮组(Button Group)元件. 按钮(Button)元件:用户在前端可以直接看到一个带名称的按钮,点击后可执行一个逻辑处理的元件,其默认的结构如下图,是开发时拖放一个按钮后双击进入按钮看到的样子: 1.按钮本身会默认一个名称,同一父元件内放第一个时显示"Button",第二个会显示为"Button 2",按钮可以改名(快捷键"f2"或

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

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

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

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的容器类显示元件包括:内容显示块(Pane)元件.行显示元件(Row).列显示元件(Column).工具栏元件(Tool bar).组合元件(Group) 内容显示块(Pane)元件:是一个显示容器,可以做为一个显示框处理,前端客户只能看到他属性设定的效果,除属性中设定边距及颜色边框等可显示要素外,前端显示效果中客户是看不到这个块的其它内容的.主要的作用: 1.约束了放入其中的其他显示元件的通用属性,定义在它上面的属性如果在其内部放置的其它

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无代码手机电脑管理类软件开发,其中表格显示元件包括:简单表格显示元件(Simple Table).复杂表格显示元件(Table) 简单表格显示元件(Simple Table):是一个简单的二维固定样式表格元件,其中只有一个显示列的数据结构是可以变更的,默认有一个日期和数字数据类型元件,每一个数据类型是表格一列,名称就是列名称: 1.只可以对表格进行样式定义,用"html.style"以及"html.styleClass": 2.可以右键将表头"

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

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