Application_demo
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<!--<mx:Style source="assets/css/common.css"/>-->
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
private function onSendExpress(event:MouseEvent):void
{
var view:BTitleWndow_Demo = new BTitleWndow_Demo();
view.x = 90;
view.y = 100;
var face:Face = new Face();
var imageUrl:String = view.data
// face.ImageUrl = this.view.itemRenderer.data.ImageUrl;
trace("在主画面:"+face.ImageUrl1);
PopUpManager.addPopUp(view,this,false);
}
private function sendHandler(event:Event):void
{
if(input.text =="" || input.text ==null)
{
return ;
}else {
jilu.text += input.text+"\n" ;
input.text = "";
}
}
]]>
</mx:Script>
<mx:TextArea id="jilu" x="102" y="255" width="430" height="138" editable="false"/>
<mx:TextInput id="input" x="102" y="423" width="341" />
<mx:Button id="send" x="454" y="423" label="发送消息" click="sendHandler(event)"/>
<mx:LinkButton x="102" y="397" label="聊天表情" click="onSendExpress(event)" color="#8028AE"/>
</mx:Application>
BTitleWindow_Dmeo
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="460" height="300"
showCloseButton="true" title="聊天表情" close="closeWindow()" creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.events.ListEvent;
import mx.managers.PopUpManager;
[Bindable]
private var faceArray:Array;
private function init():void
{
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE,handlerComplete);
loader.load(new URLRequest("face.xml"));
}
private function handlerComplete(event:Event):void
{
var xml:XML = new XML(event.target.data);
faceArray = new Array();
for(var i:Number = 0;i <xml.children().length();i++)
{
var f:Face = new Face();
f.ImageUrl = xml.face[i].imageUrl;
faceArray.push(f);
}
}
private function onItemClick(event:ListEvent):void
{
var f:String ;
var face:Face = new Face();
var imageUrl:String = event.itemRenderer.data.ImageUrl;
//实现将表情发送到对方聊天界面/自己的聊天窗口显示出来
//set
face.ImageUrl2 = imageUrl;
//get
face.ImageUrl = imageUrl;
f = face.ImageUrl;
//trace(face.ImageUrl1);
this.closeWindow();
}
private function closeWindow():void
{
PopUpManager.removePopUp(this);
}
]]>
</mx:Script>
<mx:TileList x="0" y="0" width="100%" height="100%" id="faceList"
dataProvider="{faceArray}" itemClick="onItemClick(event)">
<mx:itemRenderer>
<mx:Component>
<mx:Image width="30" height="30" source="{data.ImageUrl}"/>
</mx:Component>
</mx:itemRenderer>
</mx:TileList>
</mx:TitleWindow>
face.as
package
{
public class Face
{
public function Face()
{
}
public var ImageUrl:String;
public function get ImageUrl1():String
{
return "我是get方法"+ImageUrl;
}
public function set ImageUrl2(img:String):void
{
this.ImageUrl = img;
}
}
}
face.xml
<?xml version="1.0" encoding="UTF-8"?>
<faces>
<face>
<imageUrl>Images/face/1.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/10.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/11.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/12.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/13.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/14.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/15.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/16.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/17.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/18.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/19.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/2.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/20.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/21.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/22.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/23.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/24.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/25.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/26.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/27.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/28.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/29.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/3.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/30.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/31.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/32.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/33.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/34.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/35.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/36.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/37.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/38.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/39.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/4.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/40.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/41.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/42.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/43.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/44.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/45.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/46.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/47.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/48.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/49.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/5.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/50.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/51.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/52.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/53.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/54.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/55.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/56.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/57.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/58.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/59.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/6.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/60.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/61.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/62.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/63.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/64.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/65.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/66.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/67.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/68.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/69.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/7.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/70.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/71.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/72.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/73.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/74.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/75.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/76.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/77.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/78.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/79.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/8.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/80.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/81.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/82.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/83.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/84.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/85.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/86.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/87.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/88.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/89.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/9.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/90.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/91.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/92.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/93.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/94.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/95.gif</imageUrl>
</face>
<face>
<imageUrl>Images/face/96.gif</imageUrl>
</face>
</faces>
QQ..外加表情