- <?xml version="1.0" encoding="utf-8"?>
- <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
- width="500"
- height="100%"
- borderStyle="solid"
- borderThickness="2"
- borderColor="#757B7F"
- xmlns:common="common.*"
- fontWeight="normal"
- backgroundColor="#FFFFFF">
- <mx:Script>
- <![CDATA[
- import mx.containers.HBox;
- import code.ProductHandlerBasic;
- import mx.events.ItemClickEvent;
- import mx.core.Container;
- import mx.controls.Image;
- import flash.events.* ;
- //模板顯示列表數據,存放在xml當中,單擊主題時。分析此數據
- private var mbdata:XML = <wdxc></wdxc> ;
- /*型號:明星片,長賀卡,兩折卡,摺疊卡*/
- private var _type :String ;
- /*主題:綜合,兒童卡,生日卡,情侶卡...*/
- private var _subject:String;
- private var _subjectObj:XMLList ;
- private var _productHandlerBase:ProductHandlerBasic ;
- /**
- * 創建主題列表
- */
- public function createSubjecthbox():void{
- for(var i:int=0;i<_subjectObj.length();i++){
- var v:HBox = new HBox() ;
- v.name = _subjectObj[i].@subjectname ;
- v.label =_subjectObj[i].@label ;
- this.viewstack1.addChild(v) ;
- }
- }
- /**用戶進入操作頁面之前選擇的模板*/
- public function set type(t:String):void{
- this._type = t ;
- }
- public function get type():String{
- return this._type ;
- }
- public function set subject(s:String):void{
- this._subject = s ;
- }
- public function get subject():String{
- return this._subject ;
- }
- /**
- * 創建模板顯示視圖
- */
- public function initModuleviewUI():void{
- _subjectObj = _productHandlerBase.mbClass;
- //創建模板圖片數據
- this.createPhotoUrlToXml(_subjectObj) ;
- /*創建模板分類組件*/
- this.createSubjecthbox() ;
- this.viewstack1.selectedChild.name = _subjectObj[0].@subjectname ;
- /*要加上callLater,否則ie下滾動條有問題*/
- this.callLater(subjectClickHandler);
- }
- public function set productHandlerBase(p:ProductHandlerBasic):void{
- _productHandlerBase = p ;
- }
- public function get productHandlerBase():ProductHandlerBasic{
- return this._productHandlerBase ;
- }
- /**
- * 每個主題下面有很多張圖片,圖片地址有,型號及主題組成。
- * 圖片張數存放數組中,循環而可得到xml形式的圖片地址。
- * @param arr:主題名稱數組,及個數
- * @param t :型號。(明星片,長賀卡)
- * 生成格式如下:
- * <wdxc>
- * <subject name="zonghe">
- * <url>/images/product/newcard/pagemb/postcard/zonghe/zonghe01.jpg</url>
- * <url>/images/product/newcard/pagemb/postcard/zonghe/zonghe01.jpg</url>
- * </subject>
- * </wdxc>
- **/
- private function createPhotoUrlToXml(arr:XMLList):void{
- var t:String =_productHandlerBase.typename ;
- for(var j:int=0;j<arr.length();j++){
- var t1:String =null ;
- var subjectNode:XML = <subject name={arr[j].@subjectname}></subject> ;
- for(var i:int=1;i<=arr[j].@number;i++){
- t1=(i<10)?("0"+i+".jpg"):i+".jpg";
- var picurlNode:XML =<url>/images/product/newcard/operatemb/{t}/{arr[j].@subjectname}/{arr[j].@subjectname}{t1}</url> ;
- subjectNode.appendChild(picurlNode);
- }
- mbdata.appendChild(subjectNode) ;
- }
- }
- /********************單擊版式,更換版式*/
- // private function bsClickHandler(e:MouseEvent):void {
- //
- // var ig:Image = Image(e.currentTarget) ;
- // var _url :String = ig.source.toString() ;
- // _url = _url.replace(".jpg",".gif") ;
- // }
- /**
- * 單擊模板圖片。用戶更換模板,把該圖片加載到編輯臺上面。*/
- private function photoClickHandler(e:MouseEvent):void{
- var ig:Image = Image(e.currentTarget) ;
- var _url :String = ig.source.toString() ;
- _url = _url.replace(".jpg",".gif") ;
- this._productHandlerBase.moduleChange(_url);
- }
- private function subjectClickHandler():void{
- var subjectname:String = viewstack1.selectedChild.name;
- // this.t1.text= subjectname;
- var hbox:HBox = HBox(viewstack1.getChildByName(subjectname));
- if(hbox.numChildren!=0){
- return ;
- }
- hbox.removeAllChildren() ;
- //得到當前主題所對應的圖片地址.
- var subjectxmllist:XMLList = mbdata.subject.(@name==subjectname).url ;
- //this.t1.text= this.t1.text+"werwrwrwe"+ mbdata.subject.(@name==subjectname).url.toXMLString();
- for(var j:int=0;j<subjectxmllist.length();j++){
- var img:Image = new Image() ;
- img.buttonMode = true ;
- img.useHandCursor = true ;
- img.source =subjectxmllist[j];
- //this.t1.text=this.t1.text+img.source ;
- img.addEventListener(MouseEvent.CLICK,photoClickHandler) ;
- hbox.addChild(img) ;
- }
- }
- ]]>
- </mx:Script>
- <mx:ViewStack x="10" y="35" id="viewstack1" fontWeight="normal" width="100%" height="100%">
- </mx:ViewStack>
- <mx:LinkBar itemClick="subjectClickHandler();" dataProvider="viewstack1" fontFamily="Arial" fontSize="12" backgroundColor="#FFFFFF" width="100%" fontWeight="normal" fontStyle="normal" textDecoration="underline" color="#1A75E0"/>
- <!--
- <mx:TextArea id="t1" x="336" y="5"/>
- -->
- </mx:Canvas>
flex 開發卡片模板處理(三)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.