2012-04-06 11 views
0

Ich habe ein Bild als mein Hintergrund und ich möchte als Schaltflächen verschiedene Bereiche des Bildes verwenden, die verschiedene Dinge tun.! [Treten Sie hier image description] [1]Region als Schaltfläche sencha

ein Bild Angenommen enthält vier Felder darin. Da sie nicht von Bildern getrennt sind, kann ich ihre Eigenschaften nicht genau definieren, aber ich möchte sie als Knöpfe verwenden, die jeweils eine andere Aufgabe ausführen. Ist es möglich, dies zu tun, können Koordinaten usw. verwendet werden ... Bitte helfen Sie .....

Antwort

0

Sie könnten vier unsichtbare Schaltflächen erstellen und sie entsprechend dem Bereich ausdehnen, den sie aufnehmen sollen. In meinem Beispiel unten gibt es vier unsichtbare Schaltflächen, die Sie auskommentieren können: 'plain', um sie zu sehen.

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

Hoffnung, die

+0

ich am oberen Rand des Bildschirms bekam 4 Tasten hilft. Wie kann ich die Größe ändern, damit sie den Bildschirm ausfüllt? –

+0

Sie können jeder Taste eine Höhe geben: '50% ', die den Bildschirm füllen sollte. – fuzzyLikeSheep

+0

Konnte es nicht zur Arbeit, so dass ich eine andere Frage erstellt: http://StackOverflow.com/Questions/10112124/How-to-Make-Button-Grid-resize-to-fit-Screen –