Smartface上的图像滑块

时间:2016-01-26 17:54:25

标签: javascript slider slide smartface.io viewpage

我一直在尝试使用SmartFace进行编码。 我需要制作一个图像滑块。但是,我被困住了,不知道从哪里开始。 我想做这样的事情: https://www.google.com.tr/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwj9tIH0hcjKAhWM7hoKHQ4dCIMQjRwIBw&url=http%3A%2F%2Fjquery-plugins.net%2Ftag%2Ftouch-enabled-slider&psig=AFQjCNH_vEXXcHB4fajB7f1Pz9x2kmwU7g&ust=1453917230609303

1 个答案:

答案 0 :(得分:1)

您可以使用scrollview制作图像滑块。 This document帮助您创建它。如果您下载' Smartface In Action'还可以看到一个图像滑块示例。在App Store。

以下是示例代码:

var imageSlider = new SMF.UI.ScrollView({
        top : "10%",
        left : "10%",
        width : "80%",
        height : "60%",
        contentHeight : "200%",
        contentWidth : "100%",
        autoSize : true,
        layoutType : SMF.UI.LayoutType.linear,
        orientation : SMF.UI.Orientation.horizontal,
        enableHorizontalPaging : true,
        enableHorizontalScrolling : true,
        horizontalGap : "0dp",
        verticalGap : "0dp",
    });
Pages.Page1.add(imageSlider);
   function fillScrollView() {
    for (var i = 1; i <= 10; i++) {
        var image = new SMF.UI.Image({
                width : "80%",
                height : "30%",
                top : "5%",
                left : "5%",
                image : "myimage.png",
                multipleLine : false
            });
        imageSlider .add(image);
    }
}
fillScrollView();