地区如按钮煎茶

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

希望帮助