]]>
"Burrito"是flash builder 4.5的版本?/p>
"Panini"是flash catalyst的下一个版本?/p>
"Helios"是eclipse 3.6的版本代受?/p>
hero已经包含了spark的Form,Image,DataGrid的控Ӟ以前的mx的可以考虑q移了?/p>
hero是以前slide的新名字Qflex mobile的架构。用flex sdk开发mobileQ大概有两种方式Q第一U就是写U的as3应用Q第二种是用hero sdkQ两U都要基于air2.5 for android rt。还有另外一U方式，是Christophe Coenraets提出的变通方式，大概是WindowedApplicationҎApplication的air。我试q，q种方式的开发效 率高Q基本上很多flex的组仉可以使用Q但是效率确实不是很好，官方也不提倡这么做。个人推荐hero sdk方式?/p>
Burritoh以下特色Q?/p>
1、可以开发mobile和多屏幕应用?/p>
2、加速Flex或者as目的编码，整个工具易用了不?/p>
3、提高设计者和开发者的配合?/p>
4、更新^台支持以及提高性能?/p>
5、其它方面的提升。大概两点值得xQ第一个是可以建立spark only的项目，W二个是预览和调试可以直接在flash player中执行，不用html wrapper了?/p>
Burrito只发行一个版本，取消以前的插件版和独立版的概c要Burrito集成到eclipse里面Q只需要用utilities目录的一个小功能配置到已l存在的eclipse中即可?/p>
1、在swfobject.js中填充代码：
function addResizeEvent(fn) {
if (typeof win.addEventListener != UNDEF) {
win.addEventListener("resize", fn, false);
}
else if (typeof doc.addEventListener != UNDEF) {
doc.addEventListener("resize", fn, false);
}
else if (typeof win.attachEvent != UNDEF) {
addListener(win, "onresize", fn);
}
else if (typeof win.onresize == "function") {
var fnOld = win.onresize;
win.onresize = function() {
fnOld();
fn();
};
}
else {
win.onresize = fn;
}
}
Z用swfobject.addResizeEventQ在swfobject原型定义上增加一行代码：
addResizeEvent: addResizeEvent,
2、修改html templateQ增加：
var appSwf=null;
var minHeight=600;
var minWidth=900;
swfobject.addLoadEvent(function(){
appSwf=swfobject.getObjectById("${application}");
adjustAppSwfSize();
});
swfobject.addResizeEvent(function(){
adjustAppSwfSize();
});
//调整Flex app的大?br />
function adjustAppSwfSize(){
if (appSwf!=null){
if (getBrowserContentWidth()<minWidth){
if (appSwf.width!=minWidth){
appSwf.width=minWidth;
}
}else if (appSwf.width!="100%"){
appSwf.width="100%";
}
if (getBrowserContentHeight()<minHeight){
if (appSwf.height!=minHeight){
appSwf.height=minHeight;
}
}else if (appSwf.height!="100%"){
appSwf.height="100%";
}
}
}
//得到览器内容区宽度
function getBrowserContentWidth(){
if (document.documentElement && document.documentElement.clientWidth) {
return document.documentElement.clientWidth;
} else if (document.body) {
return document.body.clientWidth;
}
}
//得到览器内容区高度
function getBrowserContentHeight(){
if (document.documentElement && document.documentElement.clientHeight) {
return document.documentElement.clientHeight;
} else if (document.body) {
return document.body.clientHeight;
}
}
以上代码目前的浏览器都跨了。我很久不写js代码了，生疏了?br />
]]>
2、目前这个阶D，只有如下lgq行优化Qƈ且具有mobile主题的皮肤。所以徏议目前开发的mobile app使用如下控gQ?br />
| Controls | Button CheckBox Image (BitmapImage is also supported) Label List (supports touch scrolling, includes scroll indicator) RadioButton / RadioButtonGroup TextArea TextInput |
|---|---|
| Layout | DataGroup Group HGroup Scroller (supports touch scrolling, includes scroll indicator) TileGroup VGroup |
| Charts | All (add mx.swc and datavisualization.swc to library path) |
3、hero sdk增加View,ActionBar,ViewNavigator,MobileApplicationlg?br />
4、ViewlgQ每个Viewlg都有一个data属性，用于展现在该View上的数据。当用户切换屏幕的方向时QView能够自动Ҏ横向或者纵向的比例调整界面。如果开发过E中采用Flex的标准布局理器，则徏议最好在View中中实现portrait ?landscape 两种State?br />
5、ActionBarQ标准的昄在View上的头部控g栏。一般都是包含一个标题和一个或多个按钮。按钮能够贯穿整个应用的按钮或者是专属于每个view的按钮?br />
6、ViewNavigator:用堆栈机制管理ActionBar和Views。当应用启动ӞViewNavigator昄 mobileApplication的firstView指定的View。启动之后，可以通过pushView()一个新的View昄在界面上Q或者通过popView()q回C一个界面。ؓ了节U内存，在一个时刻，只有一个View攑֜内存里。其他的都以数据持久的方式保存，当切换到其它界面Ӟ都会Ҏ持久的数据重新初始化View?br />
7、MobileApplicationQ基于该cȝ应用Q可以自动获得ViewNavigator来管理Views?MobileApplication也针对硬件的q回按钮提供了默认行为，即popView()。当屏幕方向发生改变Ӟ向ViewNavigator和当前View发送方向改变事件。另外，当你的应用退出时QMobileApplication提供一个方式保存你的应用状态和数据Q以便于下次启动时直接回复当前视图以及历史视N合。这个很重要Q因为移动操作系l很容终端或者kill你的应用?br />
当然Q我们也可以直接用Spark application来创建mobile appQ而不用View navigator的模式。但是依然徏议尽量去使用优化q的mobile主题?br />
8、mobile app性能优化Q?br />
8.1Q创建ItemRendererӞ使用As3而不要去使用Mxml。因为列表滚动非常耗性能QHeroq提供了 MobileIconItemRendererQ该cd以配|显CZ个或两个文本itemQ一个可选的左边的图标或者图片itemQ一个可选的双的装饰器。一般徏议扩展这个类来满x的需求?br />
8.2Q尽量用As3或者编译过的FXG囑Ş或者位图作为控件的皮肤Q而不是用mxml或者mxmlq行时图形?br />
8.3Q不在mobile app中用mx控gQ尽量用spark控gQmx:charts已经做过优化Q可以在mobile中用。在mobile中用mx:charts需要手工加入mx.swc和datavisualization.swc
8.4Q尽量用Spark的label,TextInput,TextAreaQ避免用RichText和RichEditableText.
]]>
package datasource.dto {
[RemoteClass(alias="datasource.dto.CustomerDTO")]
public class CustomerDTO {
public var firstName : String;
public var birthDate: Date;
}
}
JAVA:
public class CustomerDTO {
public String firstName;
public java.util.Date birthDate;
}
2、让AS的DTOcȝ所有属性都是绑定的Q因此，最好是在类的前面加上绑定的元数?font color="#000000">
package datasource.dto {
[RemoteClass(alias="datasource.dto.CustomerDTO")]
[Bindable]
public class CustomerDTO {
public var firstName : String;
public var birthDate: Date;
}
}
3、ؓServer和Client的Dtoc都讑֮UUID的属性，便于在表格等集合中排序用，比如Qh员信息中Q按性别排序Q由于性别是不唯一的数据，因此必须加上性别和UUID的组合排序，在性能上，也会有所提升?br />
4、尽量用getter和setterҎ代替Public属性?br />
5、可以考虑做Dto的扩展类来实C些定制的目的Q比如在c里面有个计列Q我们可以扩展一个类Q?font color="#000000">
package datasource.dto {
[RemoteClass(alias="datasource.dto.CustomerDTO")]
public class PortfolioItemExtendedDTO extends PortfolioItemDTO
public function get unrealizedGain():Number {
return lastPrice - costBasis;
}
而不是在表格的ItemEditEnd事g来实现相似功能?br />
6、如果存在计列Q可以考虑计算列的l定。可以写一个无效的setterҎ?br />Bindable(event="propertyChange")]
public function get unrealizedGain():Number {
return lastPrice - costBasis;
}
public function set unrealizedGain(value:Number):void {
// Ain't gonna happen, but Flex won't consider Bindable without the setter
}
]]>