UIView视图元素

全栈之路

用后端知识体系开发原生移动应用

已关注

UIView是UMC自定义视图元素，让我们后端开发者从容定义界面UI，来满足App视觉多样化需求

UIVIew 目前应用到UISection中的Header、Footer、或者单元行组件上，

同时也是数据事件UIIVew动画响应的视图元素。

UIView是以界面宽度为参考系。可以定义高度，也可以用图片获得高度的参考系。如果未指令方位，则默认以居中显示。

UIView的JSON格式如下

   {
        key:'',//在行组件下有效
        src:'',
        style:{}
        items:[{
            key:'',//在行组件下有效
            format:'',
            src:'',
            style:{}
        }]
    }

在UISection中的Header和Footer使用方式可以直接把UIView添加到对应的位置子，但在UIView单元行，需要我们先注册再使用。注册好的形成Cell模板，则就可以通过UICell模式来更新图片地址或文本内容了，当UIView项中有key时，如果注册的图片元素，则就会用此cell.value.src当成图片地址，如果是文本元素，则会用key取format中格式化文本（默认为{key}）来格式化文本。

字典名称	值类型	默认值	说明
key	String	null	定义元素key，只在行组件下有效，
src	String	null	图片地址
format	String	{text}	格式文本
style	UIStyle	null	定义的样式
click	UIClick	null	点击事件

注意：当有src，则会解释成图片，其他解决为文本区域

扩展样式属性

样式名称	值类型	默认值	说明
border-radius	int或百分比	0	图片圆角
border-width	int或百分比	0	边框宽度
border-color	color	0	边框颜色
width	int或百分比	图片40%,文本90%	宽度
height	int或百分比	0	高度，只在顶层有效
left	int或百分比	0	方位左
top	int或百分比	0	方位顶
right	int或百分比	0	方位右
bottom	int或百分比	0	方位底
animation-name	String	scale,rotate,reverse	动画名，在子项items中有效
animation-duration	float	1	持续时长(s)，在子项items中有效

UIView数据事件特别说明

在响应UIView数据事件界面，点击click就会检测是不是有clicked样式，再加载此样式，并请求服务端返回就关闭UIView层。

在clicked样式支持上列动画样式。

注意：在响应UIView数据事件界面上，items界面参考中心点为第一层中心点，子项以此方位来偏移。

 管理员 | 阅读(131) | 评论(0)

赞评论

已读

 暂无评论

扩展样式属性

UIView数据事件特别说明