【APP大师】专业版教程—(4)模块的创建与设计教程

已邀请:

py2

赞同来自:

一、App模块管理

后台中的模块与App中的模块相对应,模块管理可用于新建模块和后续的App模块设置(App模板市场入口也在这里)。

1.png


二、新建模块

模块图标可选择本地上传或系统默认图标;

2.png


创建完成之后,选择相应的模块并对其进行设计。

三、App模块设计

普通模块的设计核心在于组件的搭配使用,系统提供列表组件、功能组件、导航器组件三大类共20种组件,可在普通模块中自由搭配使用,实现几乎所有主流App的模块样式。

3.png


选择想要添加的组件,对其进行配置,首先绑定数据源(就是想在此呈现的内容模型)
注:这里以大图组件为例

4.png


多种列表样式可选。

5.png


列表项与列表项之间可以设置分割线,分割线颜色及粗细均可调。

6.png


列表项中的标题含有丰富的可调参数,可通过调整字号、颜色、位置、增加阴影或背景色等实现多元标题样式。

7.png


大图索引图提供图片圆角设置项,还可调整图片宽高比,开启遮罩并调整遮罩颜色、透明度可为索引图带来不同的视觉变化。

8.png


组件头部标题默认为组件名称,也可选择上传图片;不勾选显示时,则隐藏组件头部。

9.png


该组件可设置平铺扩展内容和浮动扩展内容:

10.png


 

要回复问题请先登录注册