flex 开发卡片模板处理(三)

 

1. <?xml version="1.0" encoding="utf-8"?> 
4. <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" 
5.            width="500" 
6.            height="100%"   
7.            borderStyle="solid" 
8.            borderThickness="2" 
9.            borderColor="#757B7F" 
10.            xmlns:common="common.*" 
11.            fontWeight="normal" 
12.            backgroundColor="#FFFFFF">
13.             
14.         <mx:Script> 
15.         <![CDATA[
16.             import mx.containers.HBox;
17.             import code.ProductHandlerBasic; 
18.             import mx.events.ItemClickEvent;
19.             import mx.core.Container;
20.             import mx.controls.Image;  
21.             import flash.events.* ;
23.               
24.             //模板显示列表数据，存放在xml当中，单击主题时。分析此数据
25.             private var mbdata:XML = <wdxc></wdxc> ;
26.             
27.              
28.            /*型号:明星片，长贺卡，两折卡，折叠卡*/
29.             private var _type :String ;
30.              
31.             /*主题:综合，儿童卡，生日卡，情侣卡...*/
32.             private var _subject:String;
33.             
34.             
35.             private var _subjectObj:XMLList ; 
36.              
37.             private var _productHandlerBase:ProductHandlerBasic ;
39.             /**
40.              * 创建主题列表
41.              */
42.             public function createSubjecthbox():void{
43.                 for(var i:int=0;i<_subjectObj.length();i++){
44.                     var v:HBox = new HBox() ;
45.                     v.name = _subjectObj[i].@subjectname ;
46.                     v.label =_subjectObj[i].@label  ;
47.                     this.viewstack1.addChild(v) ;
48.                 }
49.             }
50.             
51.              
52.             /**用户进入操作页面之前选择的模板*/ 
53.             public function set type(t:String):void{
54.                 this._type = t ; 
55.             }
56.             
57.             public function get type():String{
58.                 return this._type ;
59.             }
60.             public function set subject(s:String):void{
61.                 this._subject = s ;
62.             }
63.             public function get subject():String{
64.                 return this._subject ;
65.             }   
66.             
67.             /**
68.             * 创建模板显示视图
69.             */ 
70.             public function initModuleviewUI():void{    
71.                 _subjectObj = _productHandlerBase.mbClass;
72.                 //创建模板图片数据
73.                 this.createPhotoUrlToXml(_subjectObj) ;
74.                 /*创建模板分类组件*/
75.                 this.createSubjecthbox() ;
76.                 this.viewstack1.selectedChild.name = _subjectObj[0].@subjectname ;
77.                 /*要加上callLater，否则ie下滚动条有问题*/
78.                 this.callLater(subjectClickHandler);
79.             } 
80.             
81.             public function set productHandlerBase(p:ProductHandlerBasic):void{
82.                 _productHandlerBase = p ; 
83.                 
84.             }  
85.             public function get productHandlerBase():ProductHandlerBasic{
86.                 return this._productHandlerBase ;
87.             }
88.             
89.              
90.             /**
91.              * 每个主题下面有很多张图片，图片地址有,型号及主题组成。
92.              * 图片张数存放数组中，循环而可得到xml形式的图片地址。
93.              * @param arr:主题名称数组,及个数
94.              * @param t  :型号。(明星片,长贺卡)
95.              * 生成格式如下:
96.              * <wdxc>  
97.              *  <subject name="zonghe">
98.              *      <url>/images/product/newcard/pagemb/postcard/zonghe/zonghe01.jpg</url>
99.              *      <url>/images/product/newcard/pagemb/postcard/zonghe/zonghe01.jpg</url>
100.              *  </subject>
101.              * </wdxc> 
102.              **/ 
103.             private function createPhotoUrlToXml(arr:XMLList):void{
104.                 
105.                 var t:String =_productHandlerBase.typename ;
106.                 for(var j:int=0;j<arr.length();j++){
107.                     
108.                     var t1:String =null ;   
109.                     var subjectNode:XML = <subject name={arr[j].@subjectname}></subject> ;
110.                       
111.                     for(var i:int=1;i<=arr[j].@number;i++){  
112.                         t1=(i<10)?("0"+i+".jpg"):i+".jpg";   
113.                         var picurlNode:XML =<url>/images/product/newcard/operatemb/{t}/{arr[j].@subjectname}/{arr[j].@subjectname}{t1}</url> ; 
114.                         subjectNode.appendChild(picurlNode);
115.                     }
116.                     mbdata.appendChild(subjectNode) ;
117.                      
118.                 }       
119.             }
121.             /********************单击版式，更换版式*/   
122. //          private function bsClickHandler(e:MouseEvent):void {
123. //                     
124. //              var ig:Image = Image(e.currentTarget) ;
125. //              var _url :String  = ig.source.toString() ;
126. //              _url = _url.replace(".jpg",".gif") ; 
127. //         }     
128.              
129.             /**
130.              * 单击模板图片。用户更换模板，把该图片加载到编辑台上面。*/
131.             private function photoClickHandler(e:MouseEvent):void{
132.                 var ig:Image = Image(e.currentTarget) ;
133.                 var _url :String  = ig.source.toString() ;
134.                 _url = _url.replace(".jpg",".gif") ; 
135.                 this._productHandlerBase.moduleChange(_url);
136.                     
137.             } 
138.               
139.             
140.             private function subjectClickHandler():void{   
141.                var subjectname:String = viewstack1.selectedChild.name;    
142.                // this.t1.text= subjectname;
143.                 var hbox:HBox = HBox(viewstack1.getChildByName(subjectname));   
144.                 if(hbox.numChildren!=0){
145.                     return ;
146.                 }           
147.                 hbox.removeAllChildren() ; 
148.                 
149.                 //得到当前主题所对应的图片地址. 
150.                 var subjectxmllist:XMLList = mbdata.subject.(@name==subjectname).url ;
151.                 //this.t1.text= this.t1.text+"werwrwrwe"+ mbdata.subject.(@name==subjectname).url.toXMLString();             
152.                 for(var j:int=0;j<subjectxmllist.length();j++){ 
153.                      
154.                     var img:Image = new Image() ;  
155.                     img.buttonMode = true ;
156.                     img.useHandCursor = true ; 
157.                     img.source =subjectxmllist[j];
158.                     //this.t1.text=this.t1.text+img.source ;
159.                     img.addEventListener(MouseEvent.CLICK,photoClickHandler) ; 
160.                     hbox.addChild(img) ;  
161.                 }
162.             }
163.             ]]>
164. </mx:Script>   
165. <mx:ViewStack x="10" y="35" id="viewstack1"  fontWeight="normal" width="100%" height="100%">
167. </mx:ViewStack>  
168.          
169. <mx:LinkBar itemClick="subjectClickHandler();" dataProvider="viewstack1" fontFamily="Arial" fontSize="12" backgroundColor="#FFFFFF" width="100%" fontWeight="normal" fontStyle="normal" textDecoration="underline" color="#1A75E0"/>                 
170. <!--
171. <mx:TextArea id="t1" x="336" y="5"/>
172. -->
173. </mx:Canvas>