titanium mobile | jssを使わずstyleを共通化
titanium復帰1日目
jss入れても反映されないし、jsとキーが違うし・・・とりあえず使うの止めようと
なんか無いかなと思ったら、普通にjsデータとして持たせるというのを見て、参照ではなくコピーして使いたかったので、こんな感じにしました。
node.jsもtitaniumもほぼ1日目なので、実際のところわかりませんが、ぱっと見は良い感じになりました。
スタイル用js
var base_style = {
label: function( _params ){
var style = {
fontFamily: ‘”Hiragino Kaku Gothic ProN”, Verdana’,
backgroundColor:’transparent’,
color: ‘#fff’,
width:Ti.UI.FILL,
height:30,
left:10,
fontSize:14
};
for( key in _params){
style[key] = _params[key];
}
return style;
}
};
module.exports = base_style;
label: function( _params ){
var style = {
fontFamily: ‘”Hiragino Kaku Gothic ProN”, Verdana’,
backgroundColor:’transparent’,
color: ‘#fff’,
width:Ti.UI.FILL,
height:30,
left:10,
fontSize:14
};
for( key in _params){
style[key] = _params[key];
}
return style;
}
};
module.exports = base_style;
メインウインドウ js
function ApplicationWindow() {
var style;
if( Ti.Platform.osname === ‘android’ ){
style = resuire(‘/ui/style/base_android’);
}else{
style = require(‘/ui/style/base’);
}
var self = Ti.UI.createWindow({
title:’aucru next’,
activity:{
}
});
var title = Ti.UI.createLabel(style.label({
top:60,
text:’aucru.com’
}));
var title2 = Ti.UI.createLabel(style.label({
top:10,
text:’てすとだよーん’
}));
self.add(title);
self.add(title2);
return self;
};
var style;
if( Ti.Platform.osname === ‘android’ ){
style = resuire(‘/ui/style/base_android’);
}else{
style = require(‘/ui/style/base’);
}
var self = Ti.UI.createWindow({
title:’aucru next’,
activity:{
}
});
var title = Ti.UI.createLabel(style.label({
top:60,
text:’aucru.com’
}));
var title2 = Ti.UI.createLabel(style.label({
top:10,
text:’てすとだよーん’
}));
self.add(title);
self.add(title2);
return self;
};
module.exports = ApplicationWindow;
初日、半日経過して、チュートリアルをざっとみてから、ここでつまづいて全然進んでませんが、とりあえずこんな感じで。