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

本文介绍TERSUS无代码开发平台中的页面框架设计,包括分页面显示元件(TabbedPane)和左右可调大小两栏显示元件(SplitPane)。分页面显示元件允许创建多个可切换的显示页面,支持自定义页面名称和样式。左右可调大小两栏显示元件提供了一个带分隔线的布局,方便调整两侧内容区域的宽度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

TERSUS无代码手机电脑管理类软件开发,其中页面框架设计的显示元件包括:分页面显示元件(Tabbed Pane)、左右可调大小两栏显示元件(Split Pane)

分页面显示元件(Tabbed Pane):是一个含多个显示页面的容器,每个页面以一个横放栏位的形式出现,默认放有两个页面:

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

分页显示无件默认设计

1、可以对分页中的每个显示块进行改名,显示块名称即是导航栏位的名称、可以右键添加更多显示块;

2、对每个分页元件中的子元件,标题栏中元件等进行属性定义,用“html.style”或“html.styleClass”:

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

样式可定义

3、当分页元件总的高度设定为100%且有效时(有时因为上层未定义的原因无效),内部头部可以固定一个65px或其他高度,则显示块高度可以用“height:calc(100% - 65px);”来进行定义,或按百分比定义样式高度值:

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

高度样式定义方式

左右可调大小两栏显示元件(Split Pane):是一个中间有一个分隔线将左右分为两部分的容器元件。左侧显示块可以设计菜单或目录内容;右侧内容块放置内容信息,且中间分隔线可以左右移动。注意左右可调大小的元件功能可以通过三个显示块(Pane)来设计,采用左右可调大小元件设计时,有些浏览器不能很好的支持:

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

左右可调显示元件

其样式定义同分页显示元件样式定义。

转载于:https://my.oschina.net/u/3796227/blog/1797542

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值