0

私はSencha Touch 2今、コンポーネントを扱っています。

次の問題に直面しています。

スタイルシートを使用してコンポーネントに背景画像を設定します。私のシーン全体は、背景画像を持つ複数のコンポーネント/コンテナで構成されています。シーンをインスタンス化すると、イメージのロード プロセスは非同期になります。つまり、シーンが表示されてから、シーン内の後続のイメージがロードされて表示されます。

すべての画像が読み込まれるまで待ってからシーンを表示する方法を知りたいです。実際、Ext.Imgクラスとそのloadイベントを使用できますが、これはやりたくないことです。スタイルシートを使用して (背景として) 画像のスタイルを設定する必要があります。

どうもありがとう。

4

2 に答える 2

0

画像が小さい場合は、base64でエンコードされた文字列として画像を埋め込んでみてください。そしてそれらを次のように使用します

background: transparent url(data:image/png;base64,LONG-STRING-OF-BASE64-TEXT)

cssで。

于 2012-09-19T19:24:35.347 に答える
0

さまざまなコンポーネント/コンテナに背景画像を追加するには、CSSを次のように定義します。

 .x-panel{
   background:url(image.jpg)no-repeat center;
  }

 .x-scroll-container{
  background:url(image.jpg)no-repeat center;
  }
  .x-tab.panel{
   background:url(image.jpg)no-repeat center;
  }

このCSSをindex.htmlのheadセクションに含めます:-

  <link rel="stylesheet" type="text/css" href="style.css"/>

お役に立てれば。

于 2012-09-20T06:08:01.507 に答える