sencha touch 2 でフラッシュカード アプリを作成しようとしています。画面全体を占める質問を表示するラベルがあり、ユーザーがラベルをタップすると答えが表示されるようにしたいのです。ラベルに「タップ」イベントはありますか? ボタンを使用すると機能しますが、ラベルを使用すると機能しません。
別の方法は、ラベルの上でボタンを透明にすることができる場合です。助言がありますか?
sencha touch 2 でフラッシュカード アプリを作成しようとしています。画面全体を占める質問を表示するラベルがあり、ユーザーがラベルをタップすると答えが表示されるようにしたいのです。ラベルに「タップ」イベントはありますか? ボタンを使用すると機能しますが、ラベルを使用すると機能しません。
別の方法は、ラベルの上でボタンを透明にすることができる場合です。助言がありますか?
あなたはこれを行うことができます :
label.element.on({
tap : function(e, t) { ... }
});
お役に立てれば
sencha touch を使用してタップ イベントを「ラベル」コントロールにバインドするもう 1 つの方法。
{
xtype : 'label',
html : 'my name is abc',
listeners :
{
element : 'element',
tap : function(e, t)
{
alert('1 pressed');
}
}
}
Ext.Label
イベントを開催するようには設計されていませんtap
。tap
ただし、ラベルHTML要素のイベントを介してそれを達成することはできます。次に例を示します。
label.getContentEl().on{'tap', handler_function,this}
ただし、Sencha Touchはの子であるのtap
イベントを提供しないため、ラベルでタップイベントを使用しようとする場合、これはベストプラクティスではありません。Ext.Label
Ext.Component
より良いアプローチはExt.Button
、次の2つの構成で使用することです。
{
ui: 'plain',
cls: 'btnCls',
}
CSSで、背景を透明にスタイル設定します。