动威9号-Flex、Flash技术探讨

flex4局域网(LAN)的P2P通讯

Sun, 29 Aug 2010 02:35:15 +0000

flash在局域网（LAN）建立P2P连接?
其实flash原生就有个IP-only多播！
多播其实是个简单的步骤。

建立一个IP多播连接。指定连接字符串“rtmfp”. 注意，这种方式不能用于一对一通讯。所以不需要设置NetStream为DIRECT_CONNECTIONS，但可以进行RTMFP Group的所有操作。也就是说，只能群发信息。

没错，就是这个了

netConnection.connect("rtmpf:");

一旦连接成功（返回NetConnection.Connect.Success）就可以通过GroupSpecifier建立NetGroup或NetStream.
再设置ipMulticastMemberUpdatesEnabled为true，负责点与点间建立本地的连接，各点使用多播地址和相应端口调用addIPMulticastAddress方法。

多播地址至少以224为起始值，而端口要大于1024 - 即：224.0.0.0:1024
端口越高越好 —— 唯一性。

废话不多说，下面就是完整的代码。

         xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:mx="library://ns.adobe.com/flex/mx" applicationComplete="connect()">





          private var nc:NetConnection;
      private var group:NetGroup;

      [Bindable]
      private var userName:String;

      [Bindable]
      private var connected:Boolean = false;

      private function connect():void{
        nc = new NetConnection();
        nc.addEventListener(NetStatusEvent.NET_STATUS, netStatus);
        nc.connect("rtmfp:");

        userName = "user"+Math.round(Math.random()*1000);
      }

      private function netStatus(event:NetStatusEvent):void{
        writeText(event.info.code);

        switch(event.info.code){
          case "NetConnection.Connect.Success":
            setupGroup();
            break;

          case "NetGroup.Connect.Success":
            connected = true;
            break;

          case "NetGroup.Posting.Notify":
            receiveMessage(event.info.message)
            break;
        }
      }

      private function setupGroup():void{
        var groupspec:GroupSpecifier = new GroupSpecifier("myGroup/groupOne");
        groupspec.postingEnabled = true;
        groupspec.ipMulticastMemberUpdatesEnabled = true;
        groupspec.addIPMulticastAddress("225.225.0.1:30303");

        group = new NetGroup(nc,groupspec.groupspecWithAuthorizations());
        group.addEventListener(NetStatusEvent.NET_STATUS,netStatus);
      }

      private function sendMessage(txt:String):void{
        var message:Object = new Object();
        message.text = txt;
        message.sender = group.convertPeerIDToGroupAddress(nc.nearID);
        message.userName = txtUser.text;

        group.post(message);

        receiveMessage(message);
      }

      public function receiveMessage(message:Object):void{
        writeText(message.userName+": "+message.text);
      }

      private function writeText(txt:String):void{
        txtHistory.text += txt+"\n";
      }

      protected function btnSend_clickHandler(event:MouseEvent):void
      {
        sendMessage( txtMessage.text );
      }

    ]]>

Tags - flex4 , p2p通讯

今天拿flex4做了2个表单系统

Wed, 25 Aug 2010 13:49:55 +0000

一直就出处于忙碌的状态
用flex4做了个留言和报名的小东西

简单的3个字段，蕴含着无穷的魅力。

用了个传说中的TabNavigator弄了个选项卡，然后打包成了EXE文件，在桌面上直接看情况。

报名依旧银弹～
Tags - flex4 , 报名系统 , 留言板

flex来加载XML播放FLV视频

Fri, 21 May 2010 15:50:12 +0000

用flash来做flv播放器那可是相当的简单，无赖近日自己的一个项目需要在flex框架里面嵌入视频播放，没办法，也做一个来耍耍
下面为主程序：

   backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #000000]"
   creationComplete="service.send()">

  ComboBox {
             color: #000000;
       selectionColor: #ffffff;
       rollOverColor: #cccccc;
       textRollOverColor: #000000;
       themeColor: #000000;
  }

      import mx.collections.ArrayCollection;
    import mx.rpc.events.ResultEvent;

    [Bindable]
    private var videos : ArrayCollection;

    private function resultHandler(event:ResultEvent):void{
      videos = event.result.videolist.video;
    }

    private function playVideo(event:Event):void{
      videoDisplay.source = "assets/" + event.currentTarget.selectedItem.src;
    }

  ]]>




      labelField="title" change="playVideo(event)" width="165"/>

外部XML文件：

      1.flv
      这个是什么呢


      2.flv
      这个是什么呢


      3.flv
      这个是什么呢

Tags - flex , flv , xml

学习LCCS 第三步

Sat, 08 May 2010 02:28:30 +0000

好吧前面也了解了LCCS的管理
现在弄个LCCS聊天室、文档协作的实例来耍耍
在flex中新建个项目并引用LCCS SDK中的SWC 在SDK中的lib文件夹中有flash9、flash10、flash10.1等各个版本

          import mx.controls.Alert;
      public function onClick(event:Event) : void
      {
        auth.userName = username.text;
        cSession.login();
      }

      public function onAuthFailure(event:Event) : void
      {
        Alert.show('………………');
      }

      public function onAuthSuccess(event:Event) : void
      {
        vs.selectedIndex = 1;
      }
    ]]>

其中roomURL就是你在afcs申请的帐号中的房间地址了
Roster会返回在房间中的用户列表
SharedWhiteBoard是一个类似涂鸦板的玩意
SimpleChat是一个简单的聊天控件
每个控件后的id都很重要在本地的lccs管理中都可以看到

恩这个例子后就基本了解了LCCS的用法
Tags - lccs , roomurl , roster , sharedwhiteboard , simplechat

学习LCCS 第二步

Fri, 07 May 2010 01:53:26 +0000

继续LCCS的学习
如下图：

选择第一项：Room Console
点击ADD按钮添加如下信息

完成后点击

就可以进入协作管理界面了
在里面就可以管理用户的权限以及分配文件查看流量访问日志等信息
如图所示：

Tags - lccs

学习LCCS 第一步

Thu, 06 May 2010 16:10:15 +0000

LCCS全称Adobe LiveCycle Collaboration Service译过来就是Adobe LiveCycle协作服务
LCCS能干什么？

我不介绍些官方说的那些功能了，反正我现在只想把LCCS拿来做个小型聊天室。像某某博客上的那种，但是被加密了，所以自己零开始。

首先得去https://afcs.acrobat.com上注册个帐号
登录后在里面点击下载SDK即可我装了AIR所以直接被安装了

对就是LCCS SDK Navigator

LCCS SDK Navigator这玩意很牛逼几乎把LCCS的所有都做在了里面但是俺鸟语很烂

直接来连接下刚刚注册的那帐号
LCCS SDK Navigator打开后点击左侧的选项卡“开发工具”选择3个按钮中的“ROOM Console”

待续……
Tags - lccs , adobe , livecycle , collaboration , service

flex通过amfphp连接sqlite(一)

Tue, 12 Jan 2010 09:18:18 +0000

早就想写篇flex与flash怎样读取sqlite数据库的文章了
网上大多都是flex的AIR中直接使用SQL类去连接的例子
咱做的是RIA
所以我就上这方面的东西

Flex 3.4(4.0其实也差不多)，amfphp 1.9(唉，竟然是绝唱了),as3,sqlite 3.0,PHP 5.26

FLEX------------------------------------------------------------------------------------------

          import mx.utils.ArrayUtil;
      import mx.collections.ArrayCollection;
      import mx.controls.Alert;
      import flash.events.Event;
      import flash.events.MouseEvent;
      import mx.events.CloseEvent;
      import mx.rpc.events.ResultEvent;
      import mx.rpc.events.FaultEvent;
      import mx.managers.PopUpManager;

      [Bindable]
      private var sqlitedata:ArrayCollection;
      [Bindable]
      public var news:News;

      private function init():void
      {
        myamf.getNews.send();
      }

      private function getData(evt:ResultEvent):void
      {
        sqlitedata = new ArrayCollection(ArrayUtil.toArray(evt.result));
      }

      private function onFault(evt:FaultEvent):void
      {
        Alert.show(evt.fault.faultString, evt.fault.faultCode.toString());
      }

      private function onSelected(evt:Event):void
      {
        news= News(DataGrid(evt.target).selectedItem);
      }

    ]]>


             destination="AMFPHP" fault="onFault(event)" showBusyCursor="false">



           dataProvider="{sqlitedata}" width="600" height="300" horizontalCenter="0" y="0" editable="false" enabled="true" variableRowHeight="true">

再来创建个类

package
{
  [RemoteClass(alias = "NewsClass")]
  [Bindable]
  public class News
  {
    public var id:String;
    public var name:String;

    public function News()
    {
    }
  }
}

基本上完成？no，还要给flex配置个参数，就像c#的config文件一样，这个很重要，不能忘（不过似乎可以用的别的方法）

http://localhost/gateway.php的路径必须正确

下面就来弄amfphp那边的东西
NewsClass.php

include_once ("X.php");
class NewsClass{
public function getNews ()
    {
        $db = new PDO("sqlite:news.db");
        $conn = $db->prepare('select * from news');
        $conn->execute();
        $result = $conn->fetchAll();
        $arr = array();
        for ($i = 0; $i < count($result); $i++)
        {
            $news= new X();
            $news->id = $result[$i][0];
            $news->name = $result[$i][1];
            $arr[] = $tongji;
        }
        $conn = null;
        $db = null;

        return $arr;
    }
}>

X.php

class X
{
    public $id;
    public $name;
    public $_explicitType = "News";//对应AS中的类名
}

接下来还得创建个SQLITE的数据库才行
不会用命令创建数据库的话可以去下个SQLiteManager，而且支持中文

数据库名:news.db
表名:news
字段:id name

然后把数据放到和php类相同的目录下就可以了

编译运行看到了什么？
对什么都没有
因为没添加数据的原因……期待下篇的sqlite的写入
Tags - flex3 , amfphp , sqlite , pdo , php

flex4 Flash Builder4 放大缩小裁剪图片

Fri, 23 Oct 2009 15:31:32 +0000

拿着网上一位仁兄的flex3代� �改了下

         xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">

          import mx.controls.Alert;
      import flash.events.ProgressEvent;
      import flash.events.MouseEvent;
      import flash.geom.Point;
      import mx.controls.Image;
      import mx.graphics.codec.JPEGEncoder;
      import flash.display.BitmapData;
      import flash.display.Bitmap;

      private var oldY:Number;//记录� � �上一次停留的y坐� �值
      private var oldX:Number;//记录� � �上一次停留的x坐� �值
      public var ratio:Number;//记录图片的宽高比
      public var oldWidth:Number;//记录放缩前的图片宽
      /*要保证图片在放缩过程之中不会乱跑，就必须锁定图片的中心点*/
      private var newCY:Number;//当对图片进行放大缩小时，记录图片中心点的x坐� �值。
      private var newCX:Number;//当对图片进行放大缩小时，记录图片中心点的y坐� �值。
      private var cover_X:Number;//当创建一个矩形来截取图片时，此变量表示矩形位置的x坐� �值。
      private var cover_Y:Number;//当创建一个矩形来截取图片时，此变量表示矩形位置的y坐� �值。

      /*创建完程序之后执行的初始化*/
      internal function initApp():void{
        img.source="xxx.jpg";
      }

      /*当图片正在� 载的时候执行此方法*/
      internal function showProcess(event:ProgressEvent):void{
        var loaded:Number=event.bytesLoaded;
        var total:Number=event.bytesTotal;
        var p:Number=Math.floor(loaded/total*100);
        tip_txt.text="正在� 载图片:"+p;
      }
      /*当图片� 载完成之后执行此方法*/
      internal function initImg():void{
        tip_txt.text="图片� 载完毕！";
        ratio=img.contentHeight/img.contentWidth;
        oldWidth=img.contentWidth;
        cover_X=cover.x;//把截图的矩形定位到中间，即现在与cover重合
        cover_Y=cover.y;
        newCY=img.contentHeight/2;
        newCX=img.contentWidth/2;
        //drawCover();
      }

      /**/
      private function onMouseMove(event:MouseEvent):void{
        if(event.buttonDown){
          var x:Number = event.stageX - oldX;//� � �x轴的偏移量
          var y:Number = event.stageY - oldY;//� � �y轴的偏移量
          oldX = event.stageX;//� � �现在的x坐� �值
          oldY = event.stageY;//� � �现在的y坐� �值
          img.move(img.x + x,img.y + y);//改变图片的x和y值，实现图片移动
          //由于图片� 载进来的时候注册点都是在父层的左上角，这是不会改变的。我们所看到的图片移动只是图片坐� �在平移。
          //但是我们创建的矩形框与我们对图片位置的看法是不一� �的，在它的眼中看到并不是我们移动后的图片，不管我们怎么移动，它看到的都是在左上角没有动的图片。
          //虽然这� 图片在我们看来不存在，但是矩形框会记得这� �图片在左上角的� �子（如果这� 图片被放缩，它也会� �据实际比例对它眼中的左上角的图片进行相应的放缩）。
          //当我们移动图片到中间的cover时，矩形框此时的坐� �并没有改变，除非我们� �据移动的情况，来给矩形框设定相应的值。
          cover_X -= x;//为什么用减号呢，这是� 为如果我们把图片从左向右移动到cover中，那么对应的矩形如果想找到和cover中一� �的像� 集合，就必须向左移动，� 为矩形
          //眼中的图片不会跟着我们也向右平移，所以只有矩形向左平移才能找到相应的像� 集合。所以x坐� �值就得减，而不是� 。
          cover_Y -= y;
          newCX=img.x+img.width/2;//当滑动图片到一个位置，计算出此时图片的中心点的x坐� �值，如果放缩图片，则让此坐� �不变。
          newCY=img.y+img.height/2;//当滑动图片到一个位置，计算出此时图片的中心点的y坐� �值，如果放缩图片，则让此坐� �不变。
          //drawCover();
        }
      }

      private function onMouseDown(event:MouseEvent):void{
        oldX = event.stageX;//在� � �按下，但未滑动之前记录� � �的位置坐� �
        oldY = event.stageY;
      }

      internal function hsChange(target:DisplayObject):void{

        var xx:Number=img.x;
        var yy:Number=img.y;//这里的xx和yy相当与图片为移动之前的坐� �
        img.x=newCX-(hsval.value*oldWidth)/2;//图片放缩时，图片的中心点不变，变的是图片的左顶点的坐� �
        img.y=newCY-(hsval.value*oldWidth*ratio)/2;
        img.width=hsval.value*oldWidth;//图片放缩时改变图片的宽
        img.height=img.width*ratio;
        cover_X = cover_X-(img.x-xx);
        cover_Y = cover_Y-(img.y-yy);//这两句的意思与图片移动一� �。
        //drawCover();
      }

      private function drawCover():void
      {
        //创建一个矩形区域，来截取相片，在此之前我们已经虚构了一个矩形，现在就相当于把这个虚构的矩形弄成真的。
        var rect:Rectangle = new Rectangle(cover_X,cover_Y,cover.width,cover.height);
        //var bmd:BitmapData = (img.content as Bitmap).bitmapData;
        //创建了一个位图
        var bmd:BitmapData = new BitmapData(img.width,img.height,false,0);
        //把图片在父层的左上角画出来（如果图片已经被放缩，就画放缩之后的,这也就是虚构矩形眼中的那� 我们看不见的图片）。
        bmd.draw(img,null,null,null,null,false);
        //创建一个与矩形一� �大小的位图
        var bmd2:BitmapData = new BitmapData(rect.width,rect.height);
        var point:Point = new Point(0,0);
        //从bmd的位图中复制rect位置，rect大小的矩形区域，赋给bmd2,在bmd2中的起始点是point
        bmd2.copyPixels(bmd,rect,point,null,null,false);

        /*cover.graphics.beginBitmapFill(bmd2);
        cover.graphics.drawRect(0,0,rect.width,rect.height);
        cover.graphics.endFill();*/

        //将bmd2的像� 数据填充到画布can3中。
        can3.graphics.beginBitmapFill(bmd2);
        can3.graphics.drawRect(0,0,rect.width,rect.height);
        can3.graphics.endFill();
      }

      /*
      public function takeSnapshot(b:BitmapData) :void
      {
      var jpegenc:JPEGEncoder=new JPEGEncoder(80);
      var imgByteArray:ByteArray=jpegenc.encode(b);
      }*/
    ]]>

下篇文� flex4与sqlite的交互
Tags - flex4 , flash , builder4 , 放大缩小裁剪图片

flex与flash的交互

Sun, 20 Sep 2009 15:55:54 +0000

我的一个小CASE主要是以flash来做表现 flex做逻辑
所以在flash中画些按钮啊之类的
但是遇到了一点小问题
就是远程打开该CASE的第一次 flex会接受不到flash� 过来的值
flash代� �如下：

v1.addEventListener(MouseEvent.CLICK,b1);
v2.addEventListener(MouseEvent.CLICK,b2);
v3.addEventListener(MouseEvent.CLICK,b3);

function b1(event:MouseEvent):void{
  trace("clickAdmin");
  }
function b2(event:MouseEvent):void{
  trace("clickGbook");
  }
function b3(event:MouseEvent):void{
  trace("clickAbout");
  }

flex代� �如下：

       import mx.managers.PopUpManager;
       import mx.controls.Alert;
       import com.bear.jia.caringorm.view.login;
      internal function init():void{
         var obj:Object=bearflash.content;
         obj.v3.addEventListener(MouseEvent.CLICK,clickAbout);
         obj.v2.addEventListener(MouseEvent.CLICK,clickGbook);
         obj.v1.addEventListener(MouseEvent.CLICK,clickAdmin);
       }
      public function clickAbout(event:MouseEvent):void{
        var _about:about = new about()
        _about.x = 250;
        _about.y = 120;
        PopUpManager.addPopUp(_about, this, true);
       }
       public function clickGbook(event:MouseEvent):void{
        var gbook:guestBook = new guestBook();
        gbook.x = 250;
        gbook.y = 120;
        PopUpManager.addPopUp(gbook, this, true);

       }
       public function clickAdmin(event:MouseEvent):void{
       var adminLogin:login = new login();
       adminLogin.x = 350;
    adminLogin.y = 250;
    PopUpManager.addPopUp(adminLogin, this, true);
       }
       ]]>

改动后如下
flash代� �：

v1.addEventListener(MouseEvent.CLICK,b1);
v2.addEventListener(MouseEvent.CLICK,b2);
v3.addEventListener(MouseEvent.CLICK,b3);

function b1(event:MouseEvent):void{
  dispatchEvent(new Event("clickAdmin"));
  }
function b2(event:MouseEvent):void{
  dispatchEvent(new Event("clickGbook"));
  }
function b3(event:MouseEvent):void{
  dispatchEvent(new Event("clickAbout"));
  }

flex代� �：

       import mx.managers.PopUpManager;
       import mx.controls.Alert;
       import com.bear.jia.caringorm.view.login;
       var flashMc:MovieClip;
      internal function Flash(event):void{
        flashMc=flashContent.content as MovieClip;
        flashMc.addEventListener("clickAbout",clickAbout);
        flashMc.addEventListener("clickGbook",clickGbook);
        flashMc.addEventListener("clickAdmin",clickAdmin);
       }
      public function clickAbout(event:Event):void{
        var _about:about = new about()
        _about.x = 250;
        _about.y = 120;
        PopUpManager.addPopUp(_about, this, true);
       }
       public function clickGbook(event:Event):void{
        var gbook:guestBook = new guestBook();
        gbook.x = 250;
        gbook.y = 120;
        PopUpManager.addPopUp(gbook, this, true);

       }
       public function clickAdmin(event:Event):void{
       var adminLogin:login = new login();
       adminLogin.x = 350;
    adminLogin.y = 250;
    PopUpManager.addPopUp(adminLogin, this, true);
       }
       ]]>

总结了一下
自己想得过于简单了，原本以为把flash产生的数据转换一下数据类型就可以万事大吉。唉，还是时间广播比较好啊，不再取巧了。
Tags - flex与flash的交互 , dispatchevent

Flex自定义加载loading

Sat, 25 Jul 2009 14:14:09 +0000

package Bearbox.Loading
{
  import flash.display.Loader;
  import flash.display.Shape;
  import flash.display.Sprite;
  import flash.events.Event;
  import flash.events.ProgressEvent;
  import flash.net.URLRequest;
  import flash.text.TextField;
  import flash.text.TextFormat;

  import mx.events.FlexEvent;
  import mx.preloaders.DownloadProgressBar;

  public class MyLoading extends DownloadProgressBar
  {

    private var _preloader:Sprite;

    private var logo:Loader = new Loader();
    private var loadingBar:Shape = new Shape();
    private var txt:TextField = new TextField();

    public function MyLoading()
    {
      // logo
      logo.load(new URLRequest("http://www.dv9.org/images/logo.gif"));
      addChild(logo);

      // loading bar
      addChild(loadingBar);

      // txt
      var style:TextFormat = new TextFormat(null, null, 0xFFFFFF, null, null, null, null, null, "center");
      txt.defaultTextFormat = style;
      txt.selectable = false;
      txt.width = 200;
      txt.height = 50;
      addChild(txt);
      super();
    }

    override public function set preloader(value:Sprite):void
    {
      _preloader = value;
      _preloader.contextMenu = MyContextMenu.getMyContextNenu();
      //四个侦听~分别是加载进度 / 加载完毕 / 初始化进度 / 初始化完毕
      _preloader.addEventListener(ProgressEvent.PROGRESS, loadProgressHandler);
      _preloader.addEventListener(Event.COMPLETE, loadCompleteHandler);
      _preloader.addEventListener(FlexEvent.INIT_PROGRESS, loadInitProgressHandler);
      _preloader.addEventListener(FlexEvent.INIT_COMPLETE, loadInitCompleteHandler);

      stage.addEventListener(Event.RESIZE, resizeHandler);
      resizeHandler(null);
    }

    private function loadProgressHandler(event:ProgressEvent):void
    {
      var ratio:Number = event.bytesLoaded/event.bytesTotal;
      // loading bar
      loadingBar.graphics.clear();
      loadingBar.graphics.beginFill(Math.random() * 0xFFFFFF);
      loadingBar.graphics.drawRect(0,0, ratio*128, 5);
      loadingBar.graphics.endFill();
      // txt
      txt.text = "Dv9.Org� 载中 " + ((ratio*100)>>0) + "%";
    }

    private function loadCompleteHandler(event:Event):void
    {
      txt.text = "Dv9.Org加载成功!";
    }

    private function loadInitProgressHandler(event:FlexEvent):void
    {
      txt.text = "Dv9.Org加载中!";
    }

    private function loadInitCompleteHandler(event:FlexEvent):void
    {
      txt.text = "Dv9.Org加载中成功!";

      _preloader.removeEventListener(ProgressEvent.PROGRESS, loadProgressHandler);
      _preloader.removeEventListener(Event.COMPLETE, loadCompleteHandler);
      _preloader.removeEventListener(FlexEvent.INIT_PROGRESS, loadInitProgressHandler);
      _preloader.removeEventListener(FlexEvent.INIT_COMPLETE, loadInitCompleteHandler);
      stage.removeEventListener(Event.RESIZE, resizeHandler);

      //最后这个地方需要dpepatch一个Event.COMPLETE事件..表示� 载完毕让swf继续操作~
      dispatchEvent(new Event(Event.COMPLETE));
    }

    private function resizeHandler(event:Event):void
    {
      logo.x = (stage.stageWidth-128) * .5;
      logo.y = (stage.stageHeight-185) *.5;
      loadingBar.x = (stage.stageWidth-128) * .5;
      loadingBar.y = (stage.stageHeight-185) *.5 + 128;
      txt.x = (stage.stageWidth-200) * .5;
      txt.y = (stage.stageHeight-185) *.5 + 135;

      graphics.clear();
      graphics.beginFill(0x333333);
      graphics.drawRect(0,0,stage.stageWidth,stage.stageHeight);
      graphics.endFill();
    }
  }
}

   preloader="Bearbox.Loading" creationComplete="init()">


          private function init():void
      {
        this.contextMenu = MyContextMenu.getMyContextNenu();
      }
    ]]>

Tags - flex , 自定义加载 , loading