0

私はTitaniumMobileフレームワークを使用したモバイル開発を学んでいます。

javascriptスタイルシートの適用に関連する問題に直面しています。jssファイルにスタイルを適用するjsファイルと同じ名前を付けると、正常に機能します。しかし、別の名前を付けると、機能しません。誰かが私に解決策を教えてもらえますか？以下は私のコードサンプルです。

// app.js
var win = Titanium.UI.createWindow({ backgroundColor : '#fff' });

win.add( Ti.UI.createButton({ title : 'Button A' }) );

win.open();

// app.jss, works fine
button { backgroundImage: 'grdadient_img.png'; }

// button_style.jss, don't work
button { backgroundImage: 'grdadient_img.png'; }
4

2 に答える 2

6

複数の JSS ファイルを使用して成功したことは一度もありません。Nandu のリンクをたどると、実際には十分に文書化されておらず、ある時点で Titanium から削除される可能性が高いことがわかります。チタンの合金もJSSを殺すと思います。

JSS (またはまだ Alloy) を使用したくない場合は、commonJS モジュールとオプションで underscore.js を使用してスタイルを一元化するための優れた方法があります。

theme.js

var theme = {
    tableLabel : {
        color : '#3285C7',
        backgroundColor : 'transparent',
        inactiveColor : '#AAAAAA'
    }
}
module.exports = theme;

使用する

    var theme = require('ui/common/Theme');
...
    var myLabel = Ti.UI.createLabel(_.extend({}, theme.tableLabel, {
        top : 5,
        height : Ti.UI.SIZE,
        width : Ti.UI.FILL,
        text : "Hello world",
    }));

私_extendはテーマから設定を取得し、サイズ、位置などのインスタンス固有の設定を追加していました。`_.extend() の呼び出しで最初の空のオブジェクト リテラルを忘れないでください。

http://underscorejs.org/#extendを参照してください

于 2012-12-07T12:23:58.287 に答える
1

Ammar、次のリンクを参照してください。それがあなたを助けることを願っています

1.jssの正しい使い方

2.Titaniumモバイル SDK で .jss 機能が実際にどのように機能するか

于 2012-12-03T11:55:13.997 に答える