收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1739|回复: 7

[服务器端交互] 谁来试试这个效果

[复制链接]
发表于 2008-4-2 00:08:16 | 显示全部楼层 |阅读模式
谁来试试这个效果,点击右下角的小图片,切换大图的效果
http://www.v-p.com/main.php?language=data/en/ui_system.xml

图片切换效果

图片切换效果
 楼主| 发表于 2008-4-2 14:00:14 | 显示全部楼层

可能大家没有看到图

可能大家没有看到图,所以没有人回吧,我把图直接发上来大家看看,最好是直接打开楼上的地址看看效果
回复 支持 反对

使用道具 举报

发表于 2008-4-2 14:06:23 | 显示全部楼层
我觉得楼主自己先试试吧,守株待兔能得到源文件的可能性不大。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-4-2 16:00:39 | 显示全部楼层
因为是初学,所以看到这个效果后,一点思维都没有,比如里边用到的鼠标跟随,线框跟随鼠标移动我会做,但如何控制他的位置不是随意移动呢?如何定义点击图片后,小图片上的白色线框随着图片放大并且到大图片上呢?还有,图片点击后,由小图片放大到大图片时候的动态是怎么一个原理呢。希望能得到大家的指导。
回复 支持 反对

使用道具 举报

发表于 2008-4-3 17:17:57 | 显示全部楼层
看不见效果。用scale9Grid属性看看
回复 支持 反对

使用道具 举报

发表于 2008-4-3 18:52:33 | 显示全部楼层
  1. package {
  2.         import flash.display.Bitmap;
  3.         import flash.display.BitmapData;
  4.         import flash.events.Event;
  5.         import flash.events.MouseEvent;
  6.         import flash.display.Loader;
  7.         import flash.net.URLLoader;
  8.         import flash.net.URLRequest;
  9.         import flash.display.Sprite;
  10.         import flash.filters.BlurFilter;
  11.         public class SamplePhoto extends Sprite {
  12.                 private var list_xml:XML;
  13.                 private var main_sprite:Sprite;
  14.                 private var xml_urlloader:URLLoader;
  15.                 private var xml_urlrequest:URLRequest;
  16.                 private var load_num:uint;
  17.                 private var pic_blurfilter:BlurFilter;
  18.                 private var main_bmp:Bitmap
  19.                 public function SamplePhoto():void {
  20.                         main_sprite=new Sprite  ;
  21.                         xml_urlloader=new URLLoader  ;
  22.                         xml_urlrequest=new URLRequest  ;
  23.                         load_num=new uint;
  24.                         main_bmp=new Bitmap;
  25.                         pic_blurfilter=new BlurFilter(3,3,3);
  26.                         init();
  27.                 }
  28.                 private function init():void {
  29.                         xml_urlrequest.url="list.xml";
  30.                         xml_urlloader.load(xml_urlrequest);
  31.                         xml_urlloader.addEventListener(Event.COMPLETE,xmlLoadComplete);
  32.                         main_sprite.addEventListener(Event.ENTER_FRAME ,EnterFrame);
  33.                         main_sprite.x=152;
  34.                         main_sprite.y=83;
  35.                         addChild(main_sprite);

  36.                 }
  37.                 private function EnterFrame(_evt:Event):void {
  38.                         var _sprite:Sprite=_evt.target as Sprite;
  39.                         _sprite.width +=(540-_sprite.width )*.3;
  40.                         _sprite.height +=(280-_sprite.height )*.3;
  41.                 }
  42.                 private function picLoadComplete(_evt:Event):void {
  43.                         var _bmp:Bitmap   =_evt.target.loader.content as Bitmap;
  44.                         _bmp.width=120;
  45.                         _bmp.height =90;
  46.                         _bmp.x=20+130*load_num++;
  47.                         _bmp.y=300;
  48.                         var _sprite:Sprite=new Sprite;
  49.                         _sprite.addChild(_bmp);
  50.                         _sprite.filters =[pic_blurfilter];
  51.                         addChild(_sprite);
  52.                         _sprite.addEventListener(MouseEvent.MOUSE_OVER,MouseOver);
  53.                         _sprite.addEventListener(MouseEvent.CLICK ,onClick);
  54.                 }
  55.                 private function MouseOver(_evt:MouseEvent):void {
  56.                         var _sprite:Sprite=_evt.target as Sprite;
  57.                         _sprite.filters =null;
  58.                         _sprite.addEventListener(MouseEvent.MOUSE_OUT,MouseOut);
  59.                 }
  60.                 private function MouseOut(_evt:MouseEvent):void {
  61.                         var _sprite:Sprite=_evt.target as Sprite;
  62.                         _sprite.filters =[pic_blurfilter];
  63.                         _sprite.removeEventListener(MouseEvent.MOUSE_OUT,MouseOut);
  64.                 }
  65.                 private function onClick(_evt:MouseEvent):void {
  66.                         var _sprite:Sprite=_evt.target as Sprite;
  67.                         var _bmp:Bitmap =_sprite.getChildAt (0) as Bitmap;
  68.                         main_bmp.bitmapData =_bmp.bitmapData.clone();
  69.                         main_bmp.x=-270;
  70.                         main_bmp.y=-140;
  71.                         main_sprite.addChild(main_bmp);
  72.                         main_sprite.width =0;
  73.                         main_sprite.height =0;

  74.                 }
  75.                 private function xmlLoadComplete(_evt:Event):void {
  76.                         list_xml=new XML(_evt.target.data);
  77.                         for each (var p:String in list_xml.pic) {
  78.                                 var _loader:Loader =new Loader;
  79.                                 _loader.contentLoaderInfo.addEventListener(Event.COMPLETE ,picLoadComplete);
  80.                                 _loader.load(new URLRequest(p));
  81.                         }
  82.                 }
  83.         }
  84. }
复制代码



测试地址:http://www.flash023.cn/test/photo/photo.swf
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-4-3 23:07:50 | 显示全部楼层
楼上的版主发的不是我想要的效果,还有,为什么弄这么露的图片啊,都不好意思在公众场合下看了
回复 支持 反对

使用道具 举报

发表于 2008-4-4 10:40:58 | 显示全部楼层
原帖由 [i]ttde 于 2008-4-3 23:07 发表
楼上的版主发的不是我想要的效果,还有,为什么弄这么露的图片啊,都不好意思在公众场合下看了


哈哈,现在改了一下,应该和顶楼要求的差不多。图片没有露点的哦

  1. package {
  2.         import flash.display.Bitmap;
  3.         import flash.display.BitmapData;
  4.         import flash.events.Event;
  5.         import flash.events.MouseEvent;
  6.         import flash.display.Loader;
  7.         import flash.net.URLLoader;
  8.         import flash.net.URLRequest;
  9.         import flash.display.Sprite;
  10.         import flash.geom.Point;
  11.         import flash.filters.BlurFilter;
  12.         public class SamplePhoto extends Sprite {
  13.                 private var list_xml:XML;
  14.                 private var load_num:uint;
  15.                 private var pos_point:Point;
  16.                 private var click_b:Boolean;
  17.                 private var main_bmp:Bitmap;
  18.                 private var main_sprite:Sprite;
  19.                 private var border_sprite:Sprite;
  20.                 private var xml_urlloader:URLLoader;
  21.                 private var xml_urlrequest:URLRequest;
  22.                 private var pic_blurfilter:BlurFilter;
  23.                 public function SamplePhoto():void {
  24.                         main_sprite=new Sprite  ;
  25.                         load_num=new uint;
  26.                         pos_point=new Point;
  27.                         main_bmp=new Bitmap;
  28.                         border_sprite=new Sprite;
  29.                         xml_urlloader=new URLLoader  ;
  30.                         xml_urlrequest=new URLRequest  ;
  31.                         pic_blurfilter=new BlurFilter(3,3,3);
  32.                         init();
  33.                 }
  34.                 private function init():void {
  35.                         main_sprite.x=200;
  36.                         main_sprite.y=240;
  37.                         addChild(main_sprite);
  38.                         xml_urlrequest.url="list.xml";
  39.                         xml_urlloader.load(xml_urlrequest);
  40.                         xml_urlloader.addEventListener(Event.COMPLETE,xmlLoadComplete);

  41.                 }
  42.                 private function start_func(_sprite:Sprite) {
  43.                         click_b=true;
  44.                         border_sprite.x=_sprite.x;
  45.                         border_sprite.y=_sprite.y;
  46.                         border_sprite.graphics.lineStyle(2,0xffffff,1,true,"none");
  47.                         border_sprite.graphics.moveTo(-20,-20);
  48.                         border_sprite.graphics.lineTo(20,-20);
  49.                         border_sprite.graphics.lineTo(20,20);
  50.                         border_sprite.graphics.lineTo(-20,20);
  51.                         border_sprite.graphics.lineTo(-20,-20);
  52.                         var _bmp:Bitmap =_sprite.getChildAt (0) as Bitmap;
  53.                         main_bmp.bitmapData =_bmp.bitmapData.clone();
  54.                         main_bmp.x=-main_bmp.width /2;
  55.                         main_bmp.y=-main_bmp.height /2;
  56.                         main_sprite.addChild(main_bmp);
  57.                         main_sprite.width =main_sprite.height =0;
  58.                         pos_point.x=main_sprite.x;
  59.                         pos_point.y=main_sprite.y;
  60.                         border_sprite.x=main_sprite.x;
  61.                         border_sprite.y=main_sprite.y;
  62.                         main_sprite.addEventListener(Event.ENTER_FRAME ,EnterFrame);
  63.                         border_sprite.addEventListener(Event.ENTER_FRAME ,EnterFrame);
  64.                         addChild(border_sprite);
  65.                 }
  66.                 private function EnterFrame(_evt:Event):void {
  67.                         var _sprite:Sprite=_evt.target as Sprite;
  68.                         if (_sprite==main_sprite) {
  69.                                 var _bmp:Bitmap =_sprite.getChildAt (0) as Bitmap;
  70.                                 var _scale:Number=Math.max(_bmp.width /395,_bmp.height/436);
  71.                                 _sprite.width +=(_bmp.width/_scale-_sprite.width )*.3;
  72.                                 _sprite.height +=(_bmp.height/_scale-_sprite.height )*.3;
  73.                                 if (click_b) {
  74.                                         border_sprite.width =_sprite.width*1.06
  75.                                         border_sprite.height=_sprite.height*1.06;
  76.                                 }
  77.                                 if (Math.abs (_bmp.width/_scale-_sprite.width )<1&&Math.abs (_bmp.height/_scale-_sprite.height )<1) {
  78.                                         _sprite.removeEventListener(Event.ENTER_FRAME ,EnterFrame);
  79.                                 }
  80.                         } else {
  81.                                 _sprite.x+=(pos_point.x-_sprite.x)*.3;
  82.                                 _sprite.y+=(pos_point.y-_sprite.y)*.3;
  83.                                 if (Math.abs (pos_point.x-_sprite.x)<1 &&Math.abs (pos_point.y-_sprite.y)<1) {
  84.                                         _sprite.removeEventListener(Event.ENTER_FRAME ,EnterFrame);
  85.                                 }
  86.                         }
  87.                 }
  88.                 private function picLoadComplete(_evt:Event):void {
  89.                         var _bmp:Bitmap   =_evt.target.loader.content as Bitmap;
  90.                         var _sprite:Sprite=new Sprite;
  91.                         _sprite.addChild(_bmp);
  92.                         _sprite.width=_sprite.height =40;
  93.                         _sprite.x=435+50*load_num++;
  94.                         _sprite.y=400;
  95.                         _sprite.filters =[pic_blurfilter];
  96.                         load_num==1?start_func(_sprite):null;
  97.                         addChild(_sprite);
  98.                         _sprite.addEventListener(MouseEvent.MOUSE_OVER,MouseOver);
  99.                         _sprite.addEventListener(MouseEvent.CLICK ,onClick);
  100.                 }
  101.                 private function MouseOver(_evt:MouseEvent):void {
  102.                         click_b=false;
  103.                         addChild(border_sprite);
  104.                         var _sprite:Sprite=_evt.target as Sprite;
  105.                         border_sprite.width=_sprite.width;
  106.                         border_sprite.height=_sprite.height;
  107.                         pos_point.x=_sprite.x+20;
  108.                         pos_point.y=_sprite.y+20;
  109.                         _sprite.filters =null;
  110.                         border_sprite.addEventListener(Event.ENTER_FRAME ,EnterFrame);
  111.                         _sprite.addEventListener(MouseEvent.MOUSE_OUT,MouseOut);
  112.                 }
  113.                 private function MouseOut(_evt:MouseEvent):void {
  114.                         var _sprite:Sprite=_evt.target as Sprite;
  115.                         _sprite.filters =[pic_blurfilter];
  116.                         _sprite.removeEventListener(MouseEvent.MOUSE_OUT,MouseOut);
  117.                 }
  118.                 private function onClick(_evt:MouseEvent):void {
  119.                         click_b=true;
  120.                         var _sprite:Sprite=_evt.target as Sprite;
  121.                         var _bmp:Bitmap =_sprite.getChildAt (0) as Bitmap;
  122.                         main_bmp.bitmapData =_bmp.bitmapData.clone();
  123.                         main_bmp.x=-main_bmp.width /2;
  124.                         main_bmp.y=-main_bmp.height /2;
  125.                         pos_point.x=border_sprite.x=main_sprite.x;
  126.                         pos_point.y=border_sprite.y=main_sprite.y;
  127.                         main_sprite.width =main_sprite.height =0;
  128.                         main_sprite.addEventListener(Event.ENTER_FRAME ,EnterFrame);

  129.                 }
  130.                 private function xmlLoadComplete(_evt:Event):void {
  131.                         list_xml=new XML(_evt.target.data);
  132.                         for each (var p:String in list_xml.pic) {
  133.                                 var _loader:Loader =new Loader;
  134.                                 _loader.contentLoaderInfo.addEventListener(Event.COMPLETE ,picLoadComplete);
  135.                                 _loader.load(new URLRequest(p));
  136.                         }
  137.                 }
  138.         }
  139. }
复制代码


http://www.flash023.cn/test/photo/photo.swf
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-5-29 02:14 , Processed in 0.109102 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表