`

flex发送QQ表情

阅读更多
大多数代码是一牛人用fms写的,网址明天再找 ,我只是借用了下他的表情代码,
只是改了一下接收信息的解析类
<?xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
	<mx:ArrayCollection id="arrColl">
		<mx:source>
			<mx:Array id="arr">
				<mx:Object data="0" tp="微笑" label="" icon="img/Face/0.swf"/>
				<mx:Object data="1" tp="撇嘴" label="" icon="img/Face/1.swf"/>
				<mx:Object data="2" tp="撇嘴" label="" icon="img/Face/2.swf"/>
				<mx:Object data="3" tp="撇嘴" label="" icon="img/Face/3.swf"/>
				<mx:Object data="4" tp="撇嘴" label="" icon="img/Face/4.swf"/>
				<mx:Object data="5" tp="撇嘴" label="" icon="img/Face/5.swf"/>
				<mx:Object data="6" tp="撇嘴" label="" icon="img/Face/6.swf"/>
				<mx:Object data="7" tp="撇嘴" label="" icon="img/Face/7.swf"/>
				<mx:Object data="8" tp="撇嘴" label="" icon="img/Face/8.swf"/>
				<mx:Object data="9" tp="撇嘴" label="" icon="img/Face/9.swf"/>
				
				
				<mx:Object data="10" tp="撇嘴" label="" icon="img/Face/10.swf"/>
				<mx:Object data="11" tp="微笑" label="" icon="img/Face/11.swf"/>
				<mx:Object data="12" tp="撇嘴" label="" icon="img/Face/12.swf"/>
				<mx:Object data="13" tp="撇嘴" label="" icon="img/Face/13.swf"/>
				<mx:Object data="14" tp="撇嘴" label="" icon="img/Face/14.swf"/>
				<mx:Object data="15" tp="撇嘴" label="" icon="img/Face/15.swf"/>
				<mx:Object data="16" tp="撇嘴" label="" icon="img/Face/16.swf"/>
				<mx:Object data="17" tp="撇嘴" label="" icon="img/Face/17.swf"/>
				<mx:Object data="18" tp="撇嘴" label="" icon="img/Face/18.swf"/>
				<mx:Object data="19" tp="撇嘴" label="" icon="img/Face/19.swf"/>
				

				<mx:Object data="20" tp="撇嘴" label="" icon="img/Face/20.swf"/>								
				<mx:Object data="21" tp="撇嘴" label="" icon="img/Face/21.swf"/>
				<mx:Object data="22" tp="撇嘴" label="" icon="img/Face/22.swf"/>
				<mx:Object data="23" tp="撇嘴" label="" icon="img/Face/23.swf"/>
				<mx:Object data="24" tp="撇嘴" label="" icon="img/Face/24.swf"/>
				<mx:Object data="25" tp="撇嘴" label="" icon="img/Face/25.swf"/>
				<mx:Object data="26" tp="撇嘴" label="" icon="img/Face/26.swf"/>
				<mx:Object data="27" tp="撇嘴" label="" icon="img/Face/27.swf"/>
				<mx:Object data="28" tp="撇嘴" label="" icon="img/Face/28.swf"/>
				<mx:Object data="29" tp="撇嘴" label="" icon="img/Face/29.swf"/>
				
				
				
				<mx:Object data="30" tp="微笑" label="" icon="img/Face/30.swf"/>
				<mx:Object data="31" tp="撇嘴" label="" icon="img/Face/31.swf"/>
				<mx:Object data="32" tp="撇嘴" label="" icon="img/Face/32.swf"/>
				<mx:Object data="33" tp="撇嘴" label="" icon="img/Face/33.swf"/>
				<mx:Object data="34" tp="撇嘴" label="" icon="img/Face/34.swf"/>
				<mx:Object data="35" tp="撇嘴" label="" icon="img/Face/35.swf"/>
				<mx:Object data="36" tp="撇嘴" label="" icon="img/Face/36.swf"/>
				<mx:Object data="37" tp="撇嘴" label="" icon="img/Face/37.swf"/>
				<mx:Object data="38" tp="撇嘴" label="" icon="img/Face/38.swf"/>
				<mx:Object data="39" tp="撇嘴" label="" icon="img/Face/39.swf"/>
				
				
				
				<mx:Object data="40" tp="微笑" label="" icon="img/Face/40.swf"/>
				<mx:Object data="41" tp="撇嘴" label="" icon="img/Face/41.swf"/>
				<mx:Object data="42" tp="撇嘴" label="" icon="img/Face/42.swf"/>
				<mx:Object data="43" tp="撇嘴" label="" icon="img/Face/43.swf"/>
				<mx:Object data="44" tp="撇嘴" label="" icon="img/Face/44.swf"/>
				<mx:Object data="45" tp="撇嘴" label="" icon="img/Face/45.swf"/>
				<mx:Object data="46" tp="撇嘴" label="" icon="img/Face/46.swf"/>
				<mx:Object data="47" tp="撇嘴" label="" icon="img/Face/47.swf"/>
				<mx:Object data="48" tp="撇嘴" label="" icon="img/Face/48.swf"/>
				<mx:Object data="49" tp="撇嘴" label="" icon="img/Face/49.swf"/>
				
				
				
				<mx:Object data="50" tp="微笑" label="" icon="img/Face/50.swf"/>
				<mx:Object data="51" tp="撇嘴" label="" icon="img/Face/51.swf"/>
				<mx:Object data="52" tp="撇嘴" label="" icon="img/Face/52.swf"/>
				<mx:Object data="53" tp="撇嘴" label="" icon="img/Face/53.swf"/>
				<mx:Object data="54" tp="撇嘴" label="" icon="img/Face/54.swf"/>
				<mx:Object data="55" tp="撇嘴" label="" icon="img/Face/55.swf"/>
				<mx:Object data="56" tp="撇嘴" label="" icon="img/Face/56.swf"/>
				<mx:Object data="57" tp="撇嘴" label="" icon="img/Face/57.swf"/>
				<mx:Object data="58" tp="撇嘴" label="" icon="img/Face/58.swf"/>
				<mx:Object data="59" tp="撇嘴" label="" icon="img/Face/59.swf"/>
				
				
				<mx:Object data="60" tp="微笑" label="" icon="img/Face/60.swf"/>
				<mx:Object data="61" tp="撇嘴" label="" icon="img/Face/61.swf"/>
				<mx:Object data="62" tp="撇嘴" label="" icon="img/Face/62.swf"/>
				<mx:Object data="63" tp="撇嘴" label="" icon="img/Face/63.swf"/>
				<mx:Object data="64" tp="撇嘴" label="" icon="img/Face/64.swf"/>
				<mx:Object data="65" tp="撇嘴" label="" icon="img/Face/65.swf"/>
				<mx:Object data="66" tp="撇嘴" label="" icon="img/Face/66.swf"/>
				<mx:Object data="67" tp="撇嘴" label="" icon="img/Face/67.swf"/>
				<mx:Object data="68" tp="撇嘴" label="" icon="img/Face/68.swf"/>
				<mx:Object data="69" tp="撇嘴" label="" icon="img/Face/69.swf"/>
				
				
				<mx:Object data="70" tp="微笑" label="" icon="img/Face/70.swf"/>
				<mx:Object data="71" tp="撇嘴" label="" icon="img/Face/71.swf"/>
				<mx:Object data="72" tp="撇嘴" label="" icon="img/Face/72.swf"/>
				<mx:Object data="73" tp="撇嘴" label="" icon="img/Face/73.swf"/>
				<mx:Object data="74" tp="撇嘴" label="" icon="img/Face/74.swf"/>
				<mx:Object data="75" tp="撇嘴" label="" icon="img/Face/75.swf"/>
				<mx:Object data="76" tp="撇嘴" label="" icon="img/Face/76.swf"/>
				<mx:Object data="77" tp="撇嘴" label="" icon="img/Face/77.swf"/>
				<mx:Object data="78" tp="撇嘴" label="" icon="img/Face/78.swf"/>
				<mx:Object data="79" tp="撇嘴" label="" icon="img/Face/79.swf"/>
				
				
				<mx:Object data="80" tp="微笑" label="" icon="img/Face/80.swf"/>
				<mx:Object data="81" tp="撇嘴" label="" icon="img/Face/81.swf"/>
				<mx:Object data="82" tp="撇嘴" label="" icon="img/Face/82.swf"/>
				<mx:Object data="83" tp="撇嘴" label="" icon="img/Face/83.swf"/>
				<mx:Object data="84" tp="撇嘴" label="" icon="img/Face/84.swf"/>
				<mx:Object data="85" tp="撇嘴" label="" icon="img/Face/85.swf"/>
				<mx:Object data="86" tp="撇嘴" label="" icon="img/Face/86.swf"/>
				<mx:Object data="87" tp="撇嘴" label="" icon="img/Face/87.swf"/>
				<mx:Object data="88" tp="撇嘴" label="" icon="img/Face/88.swf"/>
				<mx:Object data="89" tp="撇嘴" label="" icon="img/Face/89.swf"/>
				
				
				<mx:Object data="90" tp="微笑" label="" icon="img/Face/90.swf"/>
				<mx:Object data="91" tp="撇嘴" label="" icon="img/Face/91.swf"/>
				<mx:Object data="92" tp="撇嘴" label="" icon="img/Face/92.swf"/>
				<mx:Object data="93" tp="撇嘴" label="" icon="img/Face/93.swf"/>
				<mx:Object data="94" tp="撇嘴" label="" icon="img/Face/94.swf"/>
				<mx:Object data="95" tp="撇嘴" label="" icon="img/Face/95.swf"/>
				<mx:Object data="96" tp="撇嘴" label="" icon="img/Face/96.swf"/>
				<mx:Object data="97" tp="撇嘴" label="" icon="img/Face/97.swf"/>
				<mx:Object data="98" tp="撇嘴" label="" icon="img/Face/98.swf"/>
				<mx:Object data="99" tp="撇嘴" label="" icon="img/Face/99.swf"/>
				
				
				<mx:Object data="100" tp="微笑" label="" icon="img/Face/100.swf"/>
				<mx:Object data="101" tp="撇嘴" label="" icon="img/Face/101.swf"/>
				<mx:Object data="102" tp="撇嘴" label="" icon="img/Face/102.swf"/>
				<mx:Object data="103" tp="撇嘴" label="" icon="img/Face/103.swf"/>
				<mx:Object data="104" tp="撇嘴" label="" icon="img/Face/104.swf"/>
				<mx:Object data="105" tp="撇嘴" label="" icon="img/Face/105.swf"/>
				<mx:Object data="106" tp="撇嘴" label="" icon="img/Face/106.swf"/>
				<mx:Object data="107" tp="撇嘴" label="" icon="img/Face/107.swf"/>
				<mx:Object data="108" tp="撇嘴" label="" icon="img/Face/108.swf"/>
				<mx:Object data="109" tp="撇嘴" label="" icon="img/Face/109.swf"/>
				
				
				<mx:Object data="110" tp="微笑" label="" icon="img/Face/110.swf"/>
				<mx:Object data="111" tp="撇嘴" label="" icon="img/Face/111.swf"/>
				<mx:Object data="112" tp="撇嘴" label="" icon="img/Face/112.swf"/>
				<mx:Object data="113" tp="撇嘴" label="" icon="img/Face/113.swf"/>
				<mx:Object data="114" tp="撇嘴" label="" icon="img/Face/114.swf"/>
				<mx:Object data="115" tp="撇嘴" label="" icon="img/Face/115.swf"/>
				<mx:Object data="116" tp="撇嘴" label="" icon="img/Face/116.swf"/>
				<mx:Object data="117" tp="撇嘴" label="" icon="img/Face/117.swf"/>
				<mx:Object data="118" tp="撇嘴" label="" icon="img/Face/118.swf"/>
				<mx:Object data="119" tp="撇嘴" label="" icon="img/Face/119.swf"/>
				
				<mx:Object data="120" tp="微笑" label="" icon="img/Face/120.swf"/>
				<mx:Object data="121" tp="撇嘴" label="" icon="img/Face/121.swf"/>
				<mx:Object data="122" tp="撇嘴" label="" icon="img/Face/122.swf"/>
				<mx:Object data="123" tp="撇嘴" label="" icon="img/Face/123.swf"/>
				<mx:Object data="124" tp="撇嘴" label="" icon="img/Face/124.swf"/>
				<mx:Object data="125" tp="撇嘴" label="" icon="img/Face/125.swf"/>
				<mx:Object data="126" tp="撇嘴" label="" icon="img/Face/126.swf"/>
				<mx:Object data="127" tp="撇嘴" label="" icon="img/Face/127.swf"/>
				<mx:Object data="128" tp="撇嘴" label="" icon="img/Face/128.swf"/>
				<mx:Object data="129" tp="撇嘴" label="" icon="img/Face/129.swf"/>
				
				<mx:Object data="130" tp="微笑" label="" icon="img/Face/130.swf"/>
				<mx:Object data="131" tp="撇嘴" label="" icon="img/Face/131.swf"/>
				<mx:Object data="132" tp="撇嘴" label="" icon="img/Face/132.swf"/>
				<mx:Object data="133" tp="撇嘴" label="" icon="img/Face/133.swf"/>
				<mx:Object data="134" tp="撇嘴" label="" icon="img/Face/134.swf"/>
				
			</mx:Array>
		</mx:source>
	</mx:ArrayCollection>
		<mx:Script>
			<![CDATA[
				import mx.events.ColorPickerEvent;
			//占位符
			private var placeholder:String="[img:{0}]";

			private function imageclick(evt:Event):void
			{
				var img:Image=evt.currentTarget as Image;
				var idx:int=int(img.data);
//
				var str:String=placeholder.replace("{0}", idx.toString());
//
				this.insertString(str);

				//关闭弹出菜单
				this.popUpButton_pic.close();
			}
			//设置字体属性
			private function checkBox_fontsetup(evt:Event):void
			{
				var ch:CheckBox=evt.currentTarget as CheckBox;
				var data:String=ch.data.toString();

				if (data == "fontWeight")
				{
					if (ch.selected)
					{
//						this.fontWeight="bold";
					}
					else
					{
//						this.fontWeight="normal";
					}
				}

				if (data == "fontStyle")
				{
					if (ch.selected)
					{
//						this.fontStyle="italic";
					}
					else
					{
//						this.fontStyle="normal";
					}
				}

				if (data == "textDecoration")
				{
					if (ch.selected)
					{
//						this.fontTextDecoration="underline";
					}
					else
					{
//						this.fontTextDecoration="none";
					}
				}
			}

			//设置字体颜色
			private function colorPicker_color(evt:ColorPickerEvent):void
			{
//				fontColor=this.fontsetup_color.selectedColor;
			}
			
			private function insertString(insertStr:String):void
			{
				if (this.textEditor.selectionBeginIndex == this.textEditor.selectionEndIndex)
				{
					var startPart:String=this.textEditor.text.substring(0, this.textEditor.selectionBeginIndex);
					var endPart:String=this.textEditor.text.substring(this.textEditor.selectionEndIndex, this.textEditor.text.length);
					startPart+=insertStr;
					startPart+=endPart;
					this.textEditor.text=startPart;
				}
				else
				{
					this.textEditor.text=insertStr;
				}
			}


			
			]]>
		</mx:Script>	
		<mx:Panel x="168.5" y="82" width="410" height="322" layout="absolute" title="聊天室">
				<mx:Canvas x="10" y="0" width="370" height="158" themeColor="#FF0042" borderStyle="inset" borderColor="#1094F1" id="cs">
					<mx:VBox id="vd" updateComplete="updateCompleteHandler(event)" width="100%" height="100%" borderStyle="solid" borderThickness="1" borderColor="#000000" verticalScrollPolicy="auto" horizontalScrollPolicy="auto">
					</mx:VBox>
				</mx:Canvas>
				<mx:PopUpButton id="popUpButton_pic" icon="@Embed('img/face.png')" openAlways="true" toolTip="请选择表情图片" width="50" x="19.5" y="166">
									<mx:popUp>
										<mx:TitleWindow id="titleWindow_popUp" status="单击图片选择聊天表情"  
											width="450" height="400" 
											showCloseButton="true" verticalScrollPolicy="on" horizontalScrollPolicy="off" close="popUpButton_pic.close();">
											<mx:ToolBar width="430">
												<mx:Repeater id="myRep" dataProvider="{arrColl}">
													<mx:Image click="imageclick(event)" buttonMode="true" data="{myRep.currentIndex}" toolTip="{myRep.currentItem.tp}" source="{myRep.currentItem.icon}">
													</mx:Image>
												</mx:Repeater>
											</mx:ToolBar>
										</mx:TitleWindow>
									</mx:popUp>
				</mx:PopUpButton>
				<mx:TextArea id="textEditor" x="10" y="196" width="291" height="67"/>
				<mx:Button x="309" y="195" label="发送" height="68" width="71" fontSize="13" click="sendMessage()"/>
				<mx:PopUpButton id="popUpButton_fontSetup" icon="@Embed('img/a.png')" openAlways="true" toolTip="设置字体样式" width="50" x="77.5" y="166">
									<mx:popUp>
										<mx:TitleWindow id="titleWindow_popUp_fontSetup" status="选择字体样式" showCloseButton="true" close="popUpButton_fontSetup.close();">
											<mx:HBox>
												<mx:CheckBox id="fontsetup_fontWeight" change="checkBox_fontsetup(event)" data="fontWeight" toolTip="粗体" label="">
												</mx:CheckBox>
												<mx:Image source="img/typeface/b.png" toolTip="粗体">
												</mx:Image>
												<mx:CheckBox id="fontsetup_fontStyle" change="checkBox_fontsetup(event)" data="fontStyle" toolTip="倾斜" label="">
												</mx:CheckBox>
												<mx:Image source="img/typeface/i.png" toolTip="倾斜">
												</mx:Image>
												<mx:CheckBox id="fontsetup_textDecoration" change="checkBox_fontsetup(event)" data="textDecoration" toolTip="下划线" label="">
												</mx:CheckBox>
												<mx:Image source="img/typeface/u.png" toolTip="下划线">
												</mx:Image>
												<mx:ColorPicker id="fontsetup_color" change="colorPicker_color(event)" toolTip="颜色">
												</mx:ColorPicker>
											</mx:HBox>
										</mx:TitleWindow>
									</mx:popUp>
				</mx:PopUpButton>
				<mx:TextInput x="141" y="166" width="84" text="姓名:" id="userName"/>
				
		</mx:Panel>
	<mx:Producer id="producer" destination="mychat">
		
	</mx:Producer>
	
	<mx:Consumer id="consumer" destination="mychat" message="messagehandle(event)">
		
	</mx:Consumer>
	<mx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			import mx.controls.Label;
			import mx.containers.HBox;
			import mx.controls.Text;
			import mx.controls.Image;
			import mx.controls.SWFLoader;
			import mx.controls.Alert;
			import mx.containers.VBox;
			import mx.messaging.events.MessageAckEvent;
			import mx.messaging.events.ChannelFaultEvent;
			import mx.messaging.events.ChannelEvent;
			import mx.messaging.ChannelSet;
			import mx.messaging.channels.AMFChannel;
			import mx.messaging.channels.StreamingAMFChannel;
			import mx.messaging.events.MessageFaultEvent;
			
			import mx.messaging.messages.AsyncMessage;
			import mx.messaging.events.MessageEvent;
			public function init(){
				initChannel();
				consumer.subscribe();
				producer.addEventListener(MessageFaultEvent.FAULT,error);
				
			
			}
			private function addEvent(){
//				producer.addEventListener(ChannelEvent.CHANNEL_CONNECT,channelConnection);
//				producer.addEventListener(ChannelEvent.CHANNEL_DISCONNECT,channelDisconnect);
//				producer.addEventListener(ChannelFaultEvent.CHANNEL_FAULT,channelFault);
//				producer.addEventListener(MessageAckEvent.ACKNOWLEDGE
				
				
			}
			
			
			public function initChannel(){
				var url="http://192.168.200.14:8080/J2EE/";
				var myStreamingAMF:StreamingAMFChannel = new StreamingAMFChannel(url+"my-streaming-amf", url+"messagebroker/streamingamf");
				var myPollingAMF:AMFChannel = new AMFChannel(url+"my-polling-amf", url+"messagebroker/amfpolling");
				myPollingAMF.pollingEnabled = true;
				myPollingAMF.pollingInterval = 2000;
				var channelSet:ChannelSet = new ChannelSet();
				channelSet.addChannel(myStreamingAMF);
				channelSet.addChannel(myPollingAMF);
				consumer.channelSet = channelSet;				
				producer.channelSet = channelSet;
			}
			public function messagehandle(event:MessageEvent){
//				ta.text+=event.message.body.text+"\n";
//				ta.htmlText+=event.message.body.htmlText;

				this.vd.verticalScrollPosition=this.vd.maxVerticalScrollPosition;
				this.cs.verticalScrollPosition=cs.maxVerticalScrollPosition;
				var messages:String=event.message.body.text;
				
//				var image:Image=new Image;
//				image.source="img/Face/134.swf";
//				image.autoLoad=true;
//			    vd.addChild(image);
				//日期和时间
				var messageDate:Text=this.getTxtMessage(event.message.body.userAndDate)
				messageDate.setStyle("color","red")
				vd.addChild(messageDate);
			    vd.addChild(parseMessage(messages));
			    
			    this.vd.verticalScrollPosition=this.vd.maxVerticalScrollPosition;
//				vd.addChild(image);
//				mx.controls.Alert.show(event.message.body.text);
				
			}
			private static var top:String="[img:";
			
			/***
			 * 这段是主要的解析接受到的信息,麻烦哪位老大给优化下。有个问题就是 只能接收一行
			 * 
			 * */
			private function parseMessage(messages:String):HBox{
				
				var hBox:HBox=new HBox;
				var msg:String=messages;
				var swfArray:Array=msg.split(top);
				
				if(swfArray.length==1){ //如果==1,说明没有发送表情
					hBox.addChild(getTxtMessage(msg));
//					Alert.show(txt.text);
					return hBox;
				}
				var i:int=0;
				//下边的大致思路是,(是否有文字)swf(是否有文字) swf(是否有文字)
				
				for each(var swf:String in swfArray){
					
//					i==0判断一个swf前边是否有文字,有的话就添加进Hbox 如:文字 swf
					if(i==0){
						var startMessage:String=msg.substring(0,msg.indexOf("["));//开始的字体
						if(startMessage!=""||startMessage!=null){
							hBox.addChild(getTxtMessage(startMessage));
						}
							
						
					}
					i++;
					if(swf.indexOf("]")!=-1){
						var icon:String=swf.substring(0,swf.indexOf("]"));
						var mess:String=swf.substring(swf.indexOf("]")+1,swf.length);
						if(!isNaN(Number(icon))){
							hBox.addChild(getImage(parseInt(icon)));
						}
						if(mess!=""||mess!=null){
							
							hBox.addChild(getTxtMessage(mess));
						}
						trace(icon);
					}
					
				}
				return hBox;
			}
			private function getImage(id:Number):Image{
				var image:Image=new Image;
				image.source="img/Face/"+id+".swf";
				trace(image.source);
				image.autoLoad=true;
				return image;
				
			}
			
			private function getTxtMessage(mess:String):Text{
				var txt:Text=new Text;
				txt.text=mess;
				return txt;
			}
			private function sendMessage():void{
				if(textEditor.text==""){
					Alert.show("不能发送空消息");
					return;
				}
				
				var message:AsyncMessage=new AsyncMessage();
//				message.body.text=userName.text+":"+msg.text+" ";
				message.body.text=textEditor.text;
				message.body.userAndDate=userName.text+" "+new Date();
				producer.send(message);
				textEditor.text="";
				vd.verticalScrollPosition=vd.maxVerticalScrollPosition;
				this.cs.verticalScrollPosition=cs.maxVerticalScrollPosition;
				
			}
			public function error(event:MessageFaultEvent){
				trace(event.message);
			}
			
			//滚动条自动滚动到最下面,方便用户看聊天记录
			private function updateCompleteHandler(evt:FlexEvent):void
			{
				
				this.vd.verticalScrollPosition=this.vd.maxVerticalScrollPosition;
			}
		]]>
	</mx:Script>
	
	
	
</mx:Application>

 

分享到:
评论
3 楼 u010656335 2013-09-22  
2 楼 u010656335 2013-09-22  
   
1 楼 zltian 2010-03-18  
[/color][color=red][size=x-smal【平【、平、


l][/size][align=left][/align]

相关推荐

    [转]自制Flash表情聊天

    5. **网络编程**:可能涉及到使用ActionScript的Socket或URLLoader类实现客户端与服务器的数据交换,发送和接收聊天消息。 6. **用户界面**:设计用户友好的聊天界面,包括输入框、表情选择面板和消息展示区。 7. **...

    uni-app小程序简单聊天.rar

    - 实现消息的回撤、表情输入、图片发送等功能,提升用户体验。 - 优化加载速度,如消息分页加载,减少一次性加载的数据量。 8. **调试与发布** - 使用HBuilderX的预览功能,可以在手机上实时查看效果并调试。 -...

    用HTML+CSS就可以做出一个网页版QQ,快一起来学习吧。

    对于网页版QQ,我们需要设计一套响应式的布局,可能需要用到`display: flex`或`grid`来创建灵活的布局,确保界面在不同设备上都能良好显示。 创建一个聊天界面时,我们需要考虑以下几个关键组件: 1. 用户登录/注册...

    (源码)基于C语言的SmartPlugModbus固件项目.zip

    # 基于C语言的SmartPlugModbus固件项目 ## 项目简介 该项目是一个基于C语言的固件项目,旨在实现一个支持Modbus RTU通信协议的智能设备固件。该固件被设计为与SmartPlugModbus设备配合使用,用于控制和管理多个电源插座,提供过流、欠流、过压、欠压和过热保护,同时监控插座状态和电压、电流等参数。 ## 项目的主要特性和功能 1. Modbus RTU通信协议支持固件实现了Modbus RTU通信协议,允许通过Modbus协议与设备进行通信,包括读取和写入设备参数、状态和控制命令。 2. 多插座控制固件支持控制多个电源插座,包括开启、关闭、查询状态等。 3. 保护功能设备提供过流、欠流、过压、欠压和过热保护,防止设备损坏和安全事故。 4. 参数配置通过Modbus协议,用户可以配置设备的保护参数,如电流、电压限制等。

    毕设单片机实战项目基于ESP8266 Mesh SDK开发,通过HSPI与STM32通讯.zip

    【项目资源】: 单片机项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    毕业设计物联网实战项目基于龙芯派的物联网食品仓储监测系统.zip

    【项目资源】: 物联网项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    (源码)基于嵌入式系统的StackAttack游戏项目.zip

    # 基于嵌入式系统的StackAttack游戏项目 ## 项目简介 StackAttack是一个基于嵌入式系统的游戏项目,设计用于SPI TFT彩色液晶显示面板上运行。游戏的核心玩法是操控一个名为“Claw”(爪子)的游戏角色,在由格子组成的地图上移动并抓取箱子。玩家通过操纵杆控制游戏角色,成功抓取并移动箱子到目标位置后得分。游戏地图由二维数组表示,每个格子代表一个位置。当玩家成功将所有箱子移动到目标行时,游戏结束。 ## 项目的主要特性和功能 1. 游戏角色控制玩家通过操纵杆控制Claw(爪子)角色移动。 2. 地图和箱子管理游戏地图由二维数组表示,每个格子代表一个位置。箱子在游戏地图上的位置由数组中的值表示。 3. 游戏逻辑包括角色的移动、箱子的抓取和移动、得分计算等。 4. 图形显示使用SPITFTILI9341图形库控制SPI TFT显示屏,实现游戏的图形输出。 5. 暂停功能游戏支持暂停功能,方便玩家随时暂停游戏。

    【嵌入式系统与计算机视觉】基于STM32、OpenCV和CNN的车牌识别系统:社区车辆管理与收费应用

    内容概要:本文档提供了基于STM32、OpenCV和卷积神经网络的车牌识别系统的完整代码示例。系统通过摄像头捕捉视频流,利用OpenCV进行图像处理(如灰度化、二值化、轮廓检测等)以定位车牌区域,并使用预训练的ONNX模型对车牌字符进行识别。之后,系统将识别到的车牌号与预先存储在CSV文件中的居民车牌数据库进行匹配,以判断车辆是否为小区居民所有,从而实现对外来车辆的收费管理。; 适合人群:对嵌入式系统开发、计算机视觉和深度学习感兴趣的开发者,尤其是有一定C++编程基础和技术背景的研究人员或工程师。; 使用场景及目标:①适用于社区、停车场等场所的车辆管理;②帮助开发者理解车牌识别的基本流程,包括图像预处理、车牌定位、字符识别以及与数据库的交互;③提供一个可扩展的基础框架,便于后续优化和功能增加。; 阅读建议:读者应确保具备基本的OpenCV库使用经验和C++编程能力。在学习过程中,建议同时参考相关文献资料,深入理解每个步骤背后的原理,并尝试调整参数或替换模型以提高识别精度。此外,还需准备相应的硬件设备(如摄像头)和软件环境(如安装OpenCV库),以便实际运行代码并观察效果。

    fregefffewfw

    efwfw

    基于S7-200 PLC与MCGS组态的智能交通灯控制系统设计与实现

    内容概要:本文详细介绍了利用西门子S7-200 PLC和MCGS组态软件构建智能交通灯控制系统的方法。首先阐述了系统的硬件配置,包括PLC的选择、IO分配、光电开关的应用等。接着深入探讨了梯形图编程的核心逻辑,如定时器嵌套、车流判断、紧急模式处理等。同时,还讲解了MCGS组态界面的设计要点,如动态指示灯、车流统计曲线、急停按钮等功能的实现。此外,文中分享了一些调试经验和优化技巧,如信号隔离、通信参数设置、夜间模式优化等。 适合人群:对PLC编程和工业自动化感兴趣的工程技术人员、高校相关专业学生。 使用场景及目标:适用于城市交通管理部门进行智能交通灯系统的规划与实施,旨在提高交通效率,减少拥堵。通过学习本文,读者能够掌握PLC编程的基本方法和MCGS组态软件的使用技巧。 其他说明:文中提供了详细的接线图、梯形图代码片段和组态界面截图,便于读者理解和实践。同时,作者还分享了许多实际操作中的注意事项和经验教训,有助于初学者少走弯路。

    毕业设计物联网实战项目基于物联网的气象台站系统.zip

    【项目资源】: 物联网项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    VB珠宝首饰店管理系统设计(源代码+系统+开题报告+答辩PPT).zip

    摘 要 面对信息时代的机遇与挑战,利用高科技手段来提高企业的管理水平无疑是一条行之有效的途径。利用计算机管理可以最大限度的发挥准确、快捷、高效等作用, 在越来越激烈的珠宝行业中,计算机管理技术对珠宝首饰公司的服务管理提供强有力的支持。因此,利用全新的计算机网络和珠宝首饰管理系统,已成为提高珠宝首饰公司的管理效率,改进服务水准的重要手段之一。本系统应用Visual Basic 6.0 中文版开发前台,用Microsoft Access 作后台服务器,采用客户机/服务器(C/S)管理思想来对珠宝首饰进销存管理。 关键词:管理水平, 管理效率,服务水准,珠宝首饰管理系统,客户机/服务器,管理思想

    稀疏分解方法在信号去噪中的应用研究_内含源码数据论文.zip

    稀疏分解方法在信号去噪中的应用研究_内含源码数据论文.zip

    2008年领导力发展年度报告

    本书由吉姆·诺埃尔和大卫·多蒂奇编辑,旨在探讨领导力发展领域的最新趋势和实践。书中不仅提供了领导力发展领域的历史回顾,还挑战了组织对领导力发展的战略视角,详细介绍了如何培养全球领导者,并提供了关于领导力发展方法、策略和系统、高潜力人才发展、高层管理参与、有效学习方法以及领导力指标等方面的深入案例研究和理论分析。此外,书中还探讨了创新的领导力发展方法,并对未来的发展趋势进行了展望。

    一种基于 QR 二维码的彩色二维码编码译码设计及其软件实现.zip

    一种基于 QR 二维码的彩色二维码编码译码设计及其软件实现.zip

    毕设单片机实战项目基于机智云和 esp8266-12F WIFI 模块的智能插座控制安卓APP.zip

    【项目资源】: 单片机项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    毕业设计物联网实战项目基于mqttd-centos7-v2.3.11.zip 配置的emqtt服务器,配套金大万翔物联网管理平台.zip

    【项目资源】: 物联网项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    【光子晶体模拟】基于COMSOL弱形式PDE的三维光子晶体能带结构计算与优化:电磁场切向连续性处理及带隙分析系统设计使用COMSOL

    内容概要:本文详细介绍了使用COMSOL Multiphysics的弱形式接口对三维光子晶体进行数值模拟的方法和技巧。文章通过具体的代码示例,解释了如何构建光子晶体的介电常数分布、设置弱形式PDE、处理电磁场切向连续性、应用Floquet周期边界条件以及特征值求解等关键步骤。特别强调了弱形式接口相比传统物理场接口的优势,如灵活性和对复杂边界的处理能力。文中还分享了一些实用的经验和注意事项,如布洛赫边界条件的实现、特征值求解器参数的优化配置以及网格划分的技巧。 适合人群:具备一定电磁学和数值模拟基础的研究人员或工程师,尤其是对光子晶体仿真感兴趣的读者。 使用场景及目标:①理解并掌握COMSOL弱形式接口在光子晶体仿真中的应用;②学习如何通过弱形式设置处理复杂的电磁场问题;③提高对光子晶体能带结构和带隙特性的认识;④掌握特征值求解和网格划分的最佳实践。 阅读建议:由于本文涉及较多的具体代码和物理概念,建议读者在阅读过程中结合COMSOL软件进行实际操作,同时查阅相关电磁理论书籍以加深理解。此外,对于文中提到的一些具体参数设置和技巧,可以通过尝试不同的配置来巩固所学知识。

    机械工程PT5000汽轮机滑动轴承系统模拟试验台:动态行为与振动控制研究

    内容概要:PT5000汽轮机滑动轴承系统模拟试验台是一个类似于电厂汽轮机发电机的缩小模型,旨在帮助用户获取汽轮机转子动态行为和滑动轴承油膜现象的实际经验,并研究振动控制方法。该试验台模拟两级涡轮机(低压和中压),每级转子两侧各有8个叶片,共计16个叶片。通过电机驱动而非涡轮发电机,可以进行启停机测试,识别共振现象。试验台还支持多种实验,如不平衡/现场动平衡、轴不对中实验、摩擦实验、油膜故障试验、轴颈轴承实验以及根据油压和温度进行的转子动力学试验。试验台配备了多种传感器和控制系统,包括电涡流传感器、温度传感器、压力传感器等,用于监测和记录实验数据。 适合人群:从事汽轮机设计、制造、维护的技术人员,以及相关专业的高校师生和研究人员。 使用场景及目标:①研究汽轮机转子的动态行为和滑动轴承的油膜现象;②进行振动控制方法的研究;③模拟再现油膜涡动转和油膜震荡,研究其控制条件;④进行不平衡、不对中、摩擦等常见故障的模拟和分析;⑤通过调整油压、温度和预加载力,研究轴的行为变化。 其他说明:该试验台不仅适用于教学和科研,还可用于工业领域的培训和技术验证。试验台具有丰富的配置和可选配件,可以根据具体需求进行定制。试验台的机械和电气参数详细列出,确保用户能够全面了解设备性能。

    知识图谱,电影领域,知识图谱构建

    电影类型知识图谱构建,包含相关数据集

Global site tag (gtag.js) - Google Analytics