Question

我想为我的Titanium应用创建样式表。我没有使用Alloy框架，所以我如何使用app.tss？我需要在哪个目录中存储它？

谢谢

Answer 1

你不能。

.tss文件是Alloy带来的功能。但是，如果要使用自定义样式，可以查看the applyProperties方法。

您可以像这样做一些解决方法：

http://tifiddle.com/e9b87d0f3debd5e4a7bab3beb03dbddd

// Create window object
var win = Ti.UI.createWindow(),
    label = Ti.UI.createLabel();

// Create or import properties
var properties = {
    window: {
        backgroundColor: "#1DB7FF"   
    },

    label: {
        text: "I Love Titanium",
        color: "#FFFFFF"
    }
};

// Apply properties
win.applyProperties(properties.window);
label.applyProperties(properties.label);

// Build views and launch
win.add(label);
win.open();

Answer 2

您可以使用CommonJS来实现此目的

资源/ styles.js

exports.Window = {
  backgroundColor: 'blue', 
  backgroundImage: '/images/homebg.png',
  exitOnClose: true
};
exports.Label = {
  color: 'gray',
  textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT,
  backgroundColor: 'transparent', 
  font: { 
    fontFamily:'Helvetica', 
    fontSize: '12dp', 
    fontStyle: 'normal', 
    fontWeight: 'normal' 
  }
};

使用实例

var homeWin = Ti.UI.createWindow(require('styles').Window);

您也可以参考this

如何在经典移动应用程序中使用Titanium app.tss

2 个答案: