2011-08-11 9 views
1

私はSencha Touchにはかなり新しいです。私が演奏したことから、それは素晴らしいフレームワークです。私は最初の制作現場で働いており、テーマの周りに私の心を包み込む問題があります。 Compassは&本当にテーマの色を変えるのに本当に必要ですか?シンプルな色の変更がそれほど多くの作業を必要とすることは私には馬鹿げているようです。Theming Sencha Touch - コンパス&SSASが必要ですか?

私はthis tutorialなどを読んでいます。何か不足していますか?

答えて

4

Compass/SASSはCSSにコンパイルするだけなので、CSSを修正して必要な色をすべて置き換えることができます。私はそれが馬鹿げているにもかかわらず、あなたに同意しなければならないだろう。基本テーマの色はさまざまな場所で使用され、Compass/SASSが生成するさまざまな勾配規則が適用されています。正直言って、あなたのSassファイル内の1行だけを変更し、コンパスコンパイルを実行して、CSSの検索/置換を行った後、生産のためにそれを細分化するのは非常に簡単です。

+0

ありがとう:

詳細について、私はずっと前にない書いたこの記事をチェックしてください。コンパスをコンパイルするのは簡単だとは思っていません。私はコンパス/ SSASについて何も知らない。 –

+0

[..続き]私が間違ってはいけない、私はそれをコンパイルしようとした(私は思う)。私はCompass.appを購入し、私のSenchaTouch \ Resources \ SSASフォルダを見るように言った、そして、私はこのエラーメッセージを得た:http://pastebin.com/gksz3kUf。 Sencha、Compass/SSAS、Rubyの新人にとって、どこから行くべきか、私はどのように知っていますか? –

+0

正直言って、私はコンパスがWindowsで動作するようには努力していません。私は私のマックでコンパスの仕事をしています。このリンクをご覧くださいhttp://francisshanahan.com/index.php/2011/how-to-theme-sencha-touch-sass-windows/ – stan229

1

あなたは本当にSaasとCompassを見てください。しかし、すべての変数がまだSencha Touchで定義されていないので、手作業でいくつかのCSSをオーバーライドする必要があります。そのため、Sencha Sass変数を変更することで、色やその他のプロパティを変更することはできません。

とにかく、カスタムCSSコードがapp.scssファイルにあるようにsassを使用してください。これはapp.cssにコンパイルされます。だから、あなたのアプリケーション構造に他の.cssファイルを追加する必要はありません。

そして、独自のvarを追加して、自分の外観を簡単にカスタマイズすることができます。ここでコンパスとのSaaSを使用するには

はあなたがルビーをインストールする必要が

最初に何をすべきかである(RubyInstallerを使用)

その後、RubyGemsの(Rubygems

をインストールし、その後コンパスをインストール(GEMはコンパスをインストール--pre)

アプリケーション* .scssファイル(resources/sass /にある必要があります)を開き、いくつかのsencha変数を変更します。その後、resources/sass/dirでcompassコンパイルを実行します。

次に、アプリを再起動します。それは簡単です!応答のためのsass-for-sencha-touch-2-windows-7