sencha-touch - ボタン煎茶としての地域

Question

背景として画像があり、画像のさまざまな領域をさまざまなことを行うボタンとして使用したい.![ここに画像の説明を入力][1]

画像に 4 つのボックスが含まれているとします。それらは画像とは別のものではないので、そこのプロパティを具体的に定義することはできませんが、それぞれが異なる仕事をするボタンとして使用したいのですが、これを行うことは座標などを使用している可能性があります...助けてください..... .

Answer 1

目に見えないボタンを 4 つ作成し、配置したい領域に合わせて伸ばすことができます。以下の私の例では、4 つの非表示のボタンがあります。それらを表示するには、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')
                }
            }]
        }

それが役立つことを願っています