javascript - Smartface 上的图像滑块

Question

我一直在尝试使用 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

Answer 1

您可以使用滚动视图制作图像滑块。本文档可帮助您创建它。如果您在 App Store 中下载“Smartface In Action”，您还可以看到图像滑块示例。

这是示例代码：

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();