Question

我正在尝试在appcelerator中设置我的应用程序样式。在tss文件中，我可以根据手机型号进行设计。 “.clsview”[platform = iphone model = 6s] 这种造型是否有任何规定？

Answer 1

是的，您可以通过多种方式进行样式设置。

但首先，你应该看一下这个链接，熟悉Alloy Styling的工作原理： Alloy MVC Theme & Styling

Alloy允许根据true/false值定义特定样式，如下所示：

// alloy.js
Alloy.Globals.iPhone6s = (OS_IOS && Ti.Platform.osname == "iphone" && Ti.Platform.displayCaps.platformHeight == 667); 

// Since iPhone5s screen size is 640x1136, you can check for platformHeight == 568 as its DP is 2
Alloy.Globals.iPhone5s = (OS_IOS && Ti.Platform.osname == "iphone" && Ti.Platform.displayCaps.platformHeight == 568);  


// in tss
".clsview"[if=Alloy.Globals.iPhone6s] 

".iphone5s"[if=Alloy.Globals.iPhone5s] : {
    backgroundColor : 'cyan'
}

// to apply class only on tablets, use 'formFactor = handheld/tablet'
'.tablet'[formFactor=tablet]:{color:'blue'}
'.phones'[formFactor=handheld]:{color:'red'}

// to use multiple 'if' statements inside tss, you can combine them inside alloy.js

平台特定的模型样式appcelerator

1 个答案: