UICMS · ITME

UICMS

全栈之路

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

UICMS资讯类row组件, 是以资讯模式来展示，他有四种资讯展示模式，分为无图模式，左小图模式，和三张小图模式，和一张大张在图模式，这个CMS资讯组件，就与我们的看到的新闻资讯的差组件一个，用他完成资讯列表的展示。

扩展样式属性

样式名称	值类型	默认值	说明
image-radius	int	2	图片圆角

元素格式化属性

格式名称	值类型	默认值	说明
title	String	无	标题
left	String	无	左下角内容
right	String	无	右下角内容

展示效果

无图模式如图：

左小图模式

三张小图模式

大图模式

大图模式可以加载视频，方式看UICMS的初始化方法。

上例组件新建方式Java和C#的方式如下：

Java代码

 /**
     * 创建单图资讯组件
     *
     * @param click
     * @param data
     */
    public UICMS(UIClick click, WebMeta data)

    /**
     * 创建单图或者大图资讯组件
     *
     * @param click
     * @param data
     * @param src
     * @param max   是否是大图
     */
    public UICMS(UIClick click, WebMeta data, String src, boolean max) 
    /**
     * 创建大图资讯组件，并支持视频
     *
     * @param data
     * @param click
     * @param videoSrc 视频Url
     * @param src      视频预览图片
     */
    public UICMS(WebMeta data, UIClick click, String videoSrc, String src)    /**
     * 创建视频资讯组件
     *
     * @param data
     * @param videoSrc 视频Url
     * @param src      视频预览图片
     */
    public UICMS(WebMeta data, String videoSrc, String src)
    /**
     * 创建单图资讯组件
     *
     * @param click
     * @param data
     * @param src
     */
    public UICMS(UIClick click, WebMeta data, String src)

    /**
     * 创建三张图的资讯组件
     *
     * @param click
     * @param data
     * @param src1
     * @param src2
     * @param src3
     */
    public UICMS(UIClick click, WebMeta data, String src1, String src2, String src3)

C# 代码

        /// <summary>
        /// 创建无图资讯组件
        /// </summary>
        /// <param name="click"></param>
        /// <param name="data"></param>
        public UICMS(UIClick click, WebMeta data)

        /// <summary>
        /// 创建视频资讯组件
        /// </summary>
        public UICMS(WebMeta data, Uri videoSrc, String src)

        /// <summary>
        /// 创建大图资讯组件，并支持视频
        /// </summary>
        /// <param name="data"></param>
        /// <param name="click"></param>
        /// <param name="videoSrc"></param>
        /// <param name="src"></param>
        public UICMS(WebMeta data, UIClick click, Uri videoSrc, String src)

        /// <summary>
        /// 创建视频资讯组件
        /// </summary>
        public UICMS(WebMeta data, Uri videoSrc, String src)

        /// <summary>
        /// 创建单图或者大图资讯组件
        /// </summary>
        /// <param name="click"></param>
        /// <param name="data"></param>
        /// <param name="src"></param>
        /// <param name="max">是否是大图</param>
        public UICMS(UIClick click, WebMeta data, String src, bool max)

        /// <summary>
        /// 创建单图资讯组件
        /// </summary>
        /// <param name="click"></param>
        /// <param name="data"></param>
        /// <param name="src"></param>
        public UICMS(UIClick click, WebMeta data, String src)

        /// <summary>
        /// 创建三张图资讯组件
        /// </summary>
        /// <param name="click"></param>
        /// <param name="data"></param>
        /// <param name="src1"></param>
        /// <param name="src2"></param>
        /// <param name="src3"></param>
        public UICMS(UIClick click, WebMeta data, String src1, String src2, String src3)

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

赞

已读

 暂无点赞

扩展样式属性

元素格式化属性

展示效果