Question

我有一个图像作为我的背景，我想使用图像的不同区域作为按钮来做不同的事情。！[在此输入图像描述] [1]

假设图像中包含四个框。由于它们没有与图像分开，我无法专门定义那些属性，但我想将它们用作按钮，每个人做不同的工作，是否可能这样做可能是使用坐标等...请帮助.....

Answer 1

你可以创建四个隐形按钮，并根据你想要它们占据的区域拉伸它们。在我的下面的例子中有四个隐形按钮，你可以注释掉ui：'plain'来看它们。

           {
            xtype: 'container',
            layout: 'hbox',
            items:[{
                xtype:'button',
                ui: 'plain',
                flex: 1,
                handler:function(){
                    alert('top left')
                }
            },{
                xtype:'button',
               ui: 'plain',
                flex: 1,
                handler:function(){
                    alert('top right')
                }
            }]
        },{

            xtype: 'container',
            layout: 'hbox',
            items:[{
                xtype:'button',
                ui: 'plain',
                flex: 1,
                handler:function(){
                    alert('bottom left')
                }
            },{
                xtype:'button',
                ui: 'plain',
                flex: 1,
                handler:function(){
                    alert('bottom right')
                }
            }]
        }

希望有所帮助

区域为按钮sencha

1 个答案: