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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章