![]() |
1.增加一个输入控件 → ; 2.增加一个矩形框 → ; 3.增加一幅图 → ; 4.增加镜面倒影 → ;5.替换背景 → ;6.删除工具条背景图 → |
![]() |
1.可查看创建该Freeform的XML描述文件; 2.源码中增删控件的js: function add1() //增加输入控件 { AF.func("AddObject", "input \r\n id=num; LeftText=数量:; x=0; y=200; width=280; color=white; leftSize=160; value=2.00; editmask=#,###.00; datatype=double"); } function add2() //增加矩形框 { AF.func("AddObject", "rect \r\n x=447; y=87; width=256; height=136; bgcolor=white;"); } function add3() //增加图片 { AF.func("AddObject", "img \r\n id=img1; x=450; y=90; width=250; height=130; src=treelistdata/3.jpg; "); } function addmirror() //增加镜面倒影 { AF.func("AddObject", "rect \r\n x=447; y=225; width=256; height=60; thick=0; mirror='offset=-2;alpha=80'"); } function change1() //更改背景 { AF.func("SetProp", "backPicture \r\n res/freeformsh.jpg; alpha=10; arrange=tile; rotate=-33"); AF.func("SetProp", "bgColor \r\n #444499,#6666bb"); } function delete1() //删除对象 { AF.func("DeleteObject", "bmp1"); AF.func("DeleteObject", "bmp2"); AF.func("DeleteObject", "bmp3"); }通过上例的分析,你就知道那炫丽的工具条实际上就是几幅图片而已。 3.本例的下拉菜单并没有预先写在XML中,而是临时动态生成的,请看源码中的js: function OnEvent(id, Event, p1, p2, p3, p4) { if( Event == "MenuBeforePopup" ) { //动态创建简单的单级菜单 var s = "id=101; text=菜单项1; icon=treelist/cars.zip#car0.png; \t\ id=102; text=菜单项2; icon=treelist/cars.zip#car1.png \t\ id=0; text=-; \t\ id=103; text=菜单项3; icon=treelist/cars.zip#car2.png; enabled=false\t\ id=104; text=菜单项4; icon=treelist/cars.zip#car3.png"; AF.func("SetMenu", p2 +"\r\n"+ s); //弹出菜单 AF.func("PopupMenu", ""); } } |