問題タブ [sencha-touch-theming]

アプリをデバイスに表示すると、フォント、アイコン、ボタンが非常に小さくなります。これは特にタブレットに当てはまります。

すべてのUIコンポーネントを簡単にスケールアップするにはどうすればよいですか？

下部のツールバーを動的に作成しますが、heightプロパティに値を指定しても、デフォルトの高さがあります。パーセンテージ、ピクセル、単純な数値を試しましたが、何も機能しません。

画像 (サムネイル ビュー) を表示するために dataview itemTpl を使用しています。

画像を正しく表示できます。これらの画像にアイテムタップを追加するにはどうすればよいですか? 特定の画像をタップすると、タップされた画像で新しいビューが表示されますか?

コントローラーでこれを試しましたが、うまくいきませんでした。これを解決するのを手伝ってもらえますか。

私の例では、Sencha Architect 2 を使用しています。

このコードを試しています。修正してください

最初のビュー

2 番目のビュー - このビューは、img がタップされたときに表示される必要があります

コントローラ

ありがとうございました

some1が私に答えてくれることを願っています。iOSとAndroid向けのsencha-touchアプリを実行している会社のカスタムデザインを実装しています。

私が最初に来たとき、それは！importantsの大きな混乱であり、どこでもオーバーライドし、プロパティを設定する前に10分間バックトラックする必要なしに何にも触れることができませんでした。

これで、supercusomデザインの新しいプロジェクトができました。私は、mabyloading-spinnerなどを除くすべてのsenchassass / cssファイルを可能な限り除外し、mabyを除外することを真剣に考えています。

それとも、少なくともいくつかの煎茶ウィジェットを保持することをお勧めしますか？私も煎茶ロジックを台無しにしたくないので。

ありがとう

sencha 2.0 に独自の picto を含める方法を教えてください。これは私の.scssファイルです。

PICTOS_NAME使用できるようにするには、何に置き換える必要がありますか？

独自のカスタム テーマを作成しようとしています。このために、Base テーマをインポートします。

私はこのようなボタンにアイコンを追加しようとしています:

アイコンは表示されませんが、デフォルトのテーマを使用すると表示されます。そして、変数 $include-default-icons をすでに true に設定しています。

私のカスタムボタン：

基本テーマのアイコンを表示するには何を追加すればよいですか?

これは、saas/scss 関連の問題のようです。「初回画面」を取得するために、Windows 7 の Touch 2.3 のサンプル ファイルからいくつかの scss コードを含めようとしています。これはサンプル touchtomatoes アプリ (touch-2.3.0\examples\touchtomatoes\resources\sass) からのものです。

問題の scss ファイルは次のとおりです。

_welcomeOverlay.scss :

_media-queries.scss:

app.scss:

アプリをビルドすると (sencha app build testing)、次のエラーが表示されます:

次の行 (_welcomeOverlay.scss 内) にコメントを付けると、ビルドはうまくいきます。

私はsassが初めてです。誰かこれを手伝ってもらえますか?

ラヴィ

URL パラメータに基づいて sencha touch アプリのテーマを設定しようとしています。

次のコードを使用して、css ファイルの名前を取得します。

質問: スタイル シートができたので、いつ DOM に追加しますか? デフォルトの css が DOM に追加されたことを通知するイベントをリッスンして、それを削除してテーマを追加できるようにする必要があると思います。どのイベントをリッスンしますか?

sencha Architect を使って sencha touch アプリケーションを開発しています。アプリの背景色、フォントの色、フォント ファミリ、およびアイコンを会社の基準に従って変更する必要があります。

SASSファイルを作ってみた
@import 'sencha-touch/base'; @import 'sencha-touch/base/all'; $myapp-font-family:"Arial"; $myapp-gray:'#707070'; .x-body{ font-family:$myapp-font-family; background-color:myapp-gray; } .x-panel{ background-color:$myapp-gray; }

動作していません/反映されていません。

質問: アプリケーションのテーマを設定するにはどうすればよいですか。アプリでsassとcssを一緒に使用するにはどうすればよいですか。ExtJSについても同じことを知りたいです。

--Sridhar