Sep 23, 2009

經濟部水利署發表以 Adobe Flex Builder 建立的新系統


[水文水資源資料管理供應系統]

以下是其公關稿節錄:

讓水文水資源資料管理供應系統更加專業便捷

【2009 年 9 月 22 日,台北訊】全球軟體大廠奧多比今日宣布再添一 Adobe® Flash® 平台技術應用佳績!以提供技術服務、軟體工程、應用服務為主的地理資訊系統整合商銳俤科技,成功協助經濟部水利署「水文水資源資料管理供應系統」(http://gweb.wra.gov.tw/wrweb/) 的開發與升級,使其更具互動便利性。銳俤科技以 Adobe Flex® Builder™ 3 將現有複雜的水資源統計資料與空間數據轉化為可隨點即查的豐富型媒體系統,建立人性親和的系統介面。 ~ more...

裡面使用 Flex 製作的是「地理資訊」選項,用 Safari 4.0.3 + OSX 10.5.8 看的時候會有 Button 被遮蔽的問題等於是無法使用,這個 bug 是比較神奇一些...也蠻有可能是一開始的 UserProxy Error Response 導致...FireFox debug flash player 有捕捉到錯誤‧

最近 Erin 的主力都是在做 Flex 相關開發,當然樂見在台灣有越來越多的使用案例上市!!Flex 加油! =)

Sep 2, 2009

[Flex] flexstore 的 find 功能補完

關於 Adobe flexstore 這個範例應該對學習過 Flex 的人是無人不知無人不曉,剛好有人問我如何將範例中的 Products / Find 功能補上,以下就是一個簡單改法:
1. 修改 samples.flexstore.ProductFilter.as
先加入一個公開屬性 searchText:String

public var searchText:String;


補上 find function

public function find(product:Product):Boolean
{
var str:RegExp=new RegExp(searchText, "i");
return (searchText == "") ? true :
(str.test(String(product.name))) ||
(str.test(String(product.price))) ||
(str.test(String(product.series))) ||
(str.test(product.description)) ||
(str.test(product.highlight1)) ||
(str.test(product.highlight2)) ||
(str.test( "Tri-band" )) ||
(str.test("Camera")) ||
(str.test("Video"));
}


2. 修改 ProductFilterPanel.mxml
加入 callFind event function

private function callFind(event:Event):void{
var filter:ProductFilter = new ProductFilter();
filter.searchText = searchText.text;
var e:ProductFilterEvent =
new ProductFilterEvent( filter, false);
dispatchEvent(e);
currentState = "showingThumbnails";
}

在 Go 的按鈕加上 click = "callFind(evenr)",並對 search input field 命名

<mx:HBox width="100%">
<mx:TextInput styleName="glass" width="100%" id="searchText"/>
<mx:Button styleName="glass" label="Go" click="callFind(event)"/>
</mx:HBox>
<code>


3. 修改 ProductCatalogPanel.mxml
在 filter function 內加上 find 的判定,其他直接照貼...

if (productFilter.searchText)
{
if (productFilter.find(product))
{
accepted[product]=true;
thumb.alpha=1;
count++;
}else
{
accepted[product]=false;
if (thumb.alpha == 1) //only fade if we hadn't started
{
targets.push(thumb);
}
}
}


完整的 filter function:

public function filter(productFilter:ProductFilter, live:Boolean):void
{
currentState="browse";
thumbnailState="browse";
var count:int=0;
var n:int=thumbnails.length;
var fadeOut:Fade=new Fade();
fadeOut.alphaFrom=1;
fadeOut.alphaTo=.1;
var targets:Array=[];
for (var i:int=0; i < n; i++)
{
var thumb:ProductCatalogThumbnail=thumbnails[i];
var product:Product=thumb.product;
//if FIND ------
if (productFilter.searchText)
{
if (productFilter.find(product))
{
accepted[product]=true;
thumb.alpha=1;
count++;
}else
{
accepted[product]=false;
if (thumb.alpha == 1) //only fade if we hadn't started
{
targets.push(thumb);
}
}
} //---------
else
{
if (productFilter.accept(product))
{
accepted[product]=true;
thumb.alpha=1;
count++;
}
else
{
accepted[product]=false;
if (live)
{
thumb.alpha=.1;
}
else if (thumb.alpha == 1) //only fade if we hadn't started
{
targets.push(thumb);
}
}
}
}
productFilter.count=count;
filterCount=count;

if (targets.length > 0)
{
fadeOut.targets=targets;
fadeOut.play();
fadeOut.addEventListener(EffectEvent.EFFECT_END, function(event:EffectEvent):void
{
layoutCatalog();
});
}
else if (!live)
{
layoutCatalog();
}
}


flexstore 的 source 在 live demo 頁面上點選滑鼠右鍵 "view source" 即可下載喔!

[App] 國道計程收費速算器 2.0

之前的版本跟目前 國道計程官網 所列資料誤差很大,這支 App 也一直有人在使用,所以為了答謝愛用者只好做了一次大更新,因為對 CoronaSDK scrollView widget 有點怨言,所以 iOS 版本採用 Swift3 重寫了一遍,不過 Android 版本還是維...