0

Sencha Touch 2 を使用してズーム可能なパネルを構築しようとしていますが、これ に似ていますが、変換スケールを適用した後、次のようになります (「mapcontainer」がピンチズームする必要がある要素であると仮定します):

Ext.getCmp('mapcontainer').setStyle({
    'transform':        'scale(2)',
    '-ms-transform':    'scale(2)',
    '-webkit-transform':'scale(2)'
});

そしてドラッグスタートすると、要素のスケールは 1 にリセットされます。

詳細については、dragstart を含む他のすべてのイベントで false を返そうとしました。しかし、スケールを維持していないようです。

理由はありますか？

4

1 に答える 1

0

理由ではなく、解決策を考え出しました。（誰？）

基本的に、コンテナを拡大していましたが、幅と高さを拡大していませんでした。

したがって、最終的にコードは次のようになります。

Ext.getCmp('mapcontainer').setHtml("Hello");
Ext.getCmp('mapcontainer').setStyle({
    'transform':        'scale(2)',
    '-ms-transform':    'scale(2)',
    '-webkit-transform':'scale(2)'
});
Ext.getCmp('mapcontainer').setHeight('200%');
Ext.getCmp('mapcontainer').setWidth('200%');

これらの構成値は、CSS を使用して設定された値をオーバーライドするため、setStyle で使用する代わりに、setHeight と setWidth を実行する必要があることに注意してください。

于 2013-09-25T16:42:07.370 に答える