地區如按鈕煎茶

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

希望幫助