Alloy Framework
-
Upload
mads-moller -
Category
Technology
-
view
1.237 -
download
7
description
Transcript of Alloy Framework
![Page 2: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/2.jpg)
• MVC Framework
• XML based UI markup
• Highly customizable
• Run by Appcelerator
• Awesome. Yes, awesome.
What is Alloy?
![Page 3: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/3.jpg)
Titanium App
![Page 4: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/4.jpg)
Alloy App
index.tss
Index.js
$.index.open();
index.xml
![Page 5: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/5.jpg)
• Primary• views• controllers• styles• models• assets
• Optional• lib• migrations• widgets
• Platform-specific folders
Structure
![Page 6: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/6.jpg)
• IDs and classes
• Platform and form factor specific markup
• Inline events
• API parsers
Views
![Page 7: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/7.jpg)
• TSS format• Titanium constants• Localization• Alloy configuration items
• Group by ID, class, or Ti API
• Device queries
• Global style
Styles
![Page 8: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/8.jpg)
• Element access via $
• Public interface via exports
• Compiler directives
• Backbone eventing
• Underscore and builtins
• Anything Titanium can do
Controllers
![Page 9: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/9.jpg)
• Backbone Models & Collections
• Persistence adapters
• Migration support
Models
![Page 10: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/10.jpg)
• Self-contained UI and logic
• Work in any Alloy app
• Cross-platform
• Simple to complex
Widgets
![Page 11: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/11.jpg)
• Generates CommonJS controller modules
• builtins
• Optimizations
• Catch errors before runtime
Compilation
![Page 12: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/12.jpg)
Error output
• Faster development iterations
• Surfaces potential errors
![Page 13: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/13.jpg)
• Quick Start: bit.ly/alloyqs
• Ti SDK 2.1 or later
• More Information• Wiki docs: http://bit.ly/RzU6Ra• Google Groups: bit.ly/alloy_group• Github: github.com/appcelerator/alloy
Getting Started
![Page 14: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/14.jpg)
• Lets see some code
Showcase
![Page 15: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/15.jpg)
Scaffolding
![Page 16: Alloy Framework](https://reader035.fdocuments.in/reader035/viewer/2022081413/549a4aa9b479596f4d8b589e/html5/thumbnails/16.jpg)
github.com/appcelerator/Codestrong