More Related Content
Similar to [ICOS2013] Appcelerator Titanium簡介 (20)
More from Justin Lee (20)
[ICOS2013] Appcelerator Titanium簡介
- 2. 李易修
• 旅⼈人⼀一番 UX Lead & Co-funder
• 台灣使⽤用者經驗設計協會(UiGathering)
創會成員及理事
• http://www.lis186.com
• twitter: lis186
- 14. ⼤大部份的程式碼可共⽤用
var win = Ti.UI.createWindow({
title: 'New Fugitive',
backgroundColor: '#fff',
layout: 'vertical',
modal: true
});
var textField = Ti.UI.createTextField({
top: 10,
width: '90%',
value: 'Kevin Whinnery'
});
win.add(textField);
var button = Ti.UI.createButton({
top: 10,
title: 'Save'
});
win.add(button);
if(Ti.Platform.osname == 'iphone'){
win.rightNavButton = Ti.UI.createButton({title: 'Close'});
textField.borderStyle = Ti.UI.INPUT_BORDERSTYLE_ROUNDED;
}
win.open();
iPhone Android
- 15. 針對平台最佳化
var toolbar = Titanium.UI.iOS.createToolbar({
items:[refresh, check, star, filter, edit]
});
var actionBar = win.activity.actionBar({
logo: “logo.png”
});
iPhone ToolBar Android ActionBar
- 22. 謝謝指教!
• 旅⼈人⼀一番 UX Lead & Co-funder
• 台灣使⽤用者經驗設計協會(UiGathering)
創會成員及理事
• http://www.lis186.com
• twitter: lis186
李易修