Simon.hu 发表于 2022-8-23 11:43:05

活字格8.0 update1新功能解密:七丶单元格提升-组件功能实践(文字标题)

本帖最后由 Simon.hu 于 2022-8-23 17:37 编辑

相信看了前面的几个组件的帖子大家还觉得不够过瘾,那这个教程帖子可能会在勾起的兴趣。
前面的帖子大家可能也能感受到组件,有点类似于元素打包,然后将这个打包的整体在不同的页面使用。
如果打包UI组件,可以有前一个帖子的效果,那么如果打包文字能有什么作用和价值?
http://img.soogif.com/1hcu8a7NKlotnxWjWH6u6TgRu7pvBtiK.gif
想不明白,没关系,我给您一个截图你可能立马就有恍然大明白的感觉

仔细看Word

这么多的标题,写内容的时候,为了格式统一我们经常需要使用不同级别的标题;这个标题的功能给我们带来了很大的方便。

拿活字格类比一下word的这个功能,在发挥一下你聪明的小脑袋瓜..............
我以超哥的UI免费版为例
一个列表页面,就有很多的文本使用不同的字体大小

那么一个应用中要是有很多的列表页面,这些内容不是都要设置一遍字体大小?

同理一个详情页面,也有很多的不同的字体大小


以表格填报页面为例,这里至少有3种标题



首先,创建3个组件,并起名【一级标题】【二级标题】【正文】

按照一般标准设置标题

[*]一级标题:字号=18,加粗
[*]二级标题:字号=16,不加粗
[*]正文:字号=10,不加粗
并将显示的内容绑定成【单元格值】


然后,将原来详情页面,都是用组件来绑定


这样以后,如果最终用户希望对标题文字进行修改,我们就可以仅修改组件内的字体相关设置,所有页面都会跟着变
比如把【正文】字体修改成红色,所有地方都跟着变


http://img.soogif.com/INN7x0Fjdwy3zrzC9lNh9cAvhtn2X2fP.jpeg_s400x0
页: [1]
查看完整版本: 活字格8.0 update1新功能解密:七丶单元格提升-组件功能实践(文字标题)