• sliderView海报滑动轮播


    sliderView为容器型元素,与container非常类似,其包含私有styleBinding元素如下:

    属性 说明
    isPointHide false 是否隐藏轮播的圆点提示符,默认都显示
    borderColor 边框颜色
    borderWidth 边框的宽度

    实例:

    <ui>
      <view>
        <container>           
           <editProperty>
            <dataDefines>
              <dataDefine name="banner_array" type="jsonArray" propertyName="图片数组" min="1" max="3">
              <param name="mk_image" type="image" propertyName="图片"/>
                <param name="mk_url" type="url" propertyName="淘宝链接" validateType="taokeurl||wirelessurl" />
            </dataDefine>                
        </dataDefines>
    </editProperty>           
    <subViews>
      <sliderView>
        <foreach start="0" step="1" >
            <array value="$banner_array"/>
            <template>
             <image url="$banner_array.[?].mk_image">
                <styleBinding>
                    <attribute name="height" value="304"/>
                    <attribute name="width" value="608"/>
                </styleBinding>
                <events>
                    <event type="click">
                        <actions>
                            <userTrack utType="Image" utName="image">
                                <utParams>
                                    <params>
                                    <param name="wp_app" value="weapp" />
                                    <param name="wp_pk" value="$wp_pk" />
                                    <param name="wp_m" value="MODULE_KEY_PLACE_HOLDER" />
                                </params>
                            </utParams>
                        </userTrack>
                        <openURL   url="$banner_array.[?].mk_url">
                            <params>
                            <param name="wp_app" value="weapp" />
                            <param name="wp_pk" value="$wp_pk" />
                            <param name="wp_m" value="MODULE_KEY_PLACE_HOLDER" />
                        </params>
                    </openURL>
                </actions>
            </event>
        </events>
    </image>
    </template>
    </foreach>
    
    <!-- sliderView -->
    <styleBinding>
        <attribute name="height" value="360"/>
        <attribute name="width" value="640"/>
        <attribute name="paddingLeft" value="16"/>
        <attribute name="paddingRight" value="16"/>
        <attribute name="paddingTop" value="16"/>
        <attribute name="paddingBottom" value="16"/>
        <attribute name="borderColor" value="#dddddd"/>
        <attribute name="backgroundColor" value="#FFFFFF"/>
        <attribute name="borderWidth" value="1"/>
        <attribute name="isPointHide" value="false"/>
    </styleBinding>
    
    </sliderView>
    
    </subViews>
    </container>  
    </view>
    </ui>
  • 相关阅读:
    操作系统原理5——文件管理
    Hadoop worldcount
    Java Future源码分析
    HBase入门教程
    Java自定义cas操作
    dubbo客户端源码分析(一)
    log4j2配置文件
    paxos协议
    Guava限流工具RateLimiter使用
    jvm内置锁synchronized不能被中断
  • 原文地址:https://www.cnblogs.com/tinyphp/p/13616430.html
Copyright © 2020-2023  润新知