Question

我很想使用这个框架，所以如果我的问题太容易回答，我想道歉。我正在尝试创建一个图片游戏，用户从一组四个中选择一个图片然后图片将会改变，另一个图片将显示给用户。假设我要显示30张图片，如何在Sencha touch中实现这一点？我正在考虑使用按钮然后添加图像。我不知道如何实现图片数组以及如何随机化他们的访问权限。请帮忙。感谢

Answer 1

您创建一个CSS样式的按钮（'cls'属性），然后在CSS中，您可以通过设置该类的background-image属性来定义图像

使用Javascript：

{                   
    xtype: 'button',
    cls: 'yourButtonClassname'
}

或类似的东西：

var yourButton = new Ext.Button(
{                   
    cls: 'yourButtonClassname'
});

然后在CSS中定义：

.yourButtonClassname
{
    background-image: url('button.png');
}

要随机化，您可以这样做：

function getRandomClass()
{
    // return random class
}

{                   
    xtype: 'button',
    cls: getRandomClass()
}

如果您想了解随机化和数组的具体细节，可以找到很多关于它们的教程。您可能想要查找“javascript数组”和“javascript随机值”

参考文献： http://docs.sencha.com/touch/1-1/#!/api/Ext.Button（适用于Sencha 1.x） http://www.w3schools.com/cssref/pr_background-image.asp（CSS）

sencha touch：如何将图像放在按钮中并随机化它们出现的顺序？

1 个答案: