sencha-touch - 区域作为按钮煎茶

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')
                }
            }]
        }

希望有帮助