flex實現鼠標跟隨十字架

效果圖

 

添加偵聽事件

 

		canVas.addEventListener(MouseEvent.MOUSE_MOVE,mouseMove);
				canVas.addEventListener(MouseEvent.CLICK,ShowLabel);
 

 

鼠標移動事件

private function mouseMove(event:MouseEvent):void

			{

				dataX.x=event.stageX-25;

				dataX.y=canVasHeight+25;

				

				dataY.y=event.stageY;

				dataY.x=8*itemWidth+50;

				

				dataY.visible=true;

				dataX.visible=true;

				

				dataX.text=event.localX.toString();

				dataY.text=event.localY.toString();

			//dataY.text=IsXY.toString();

				

					canVol.graphics.clear();



				if(IsXY)

				{

			 	canVol.graphics.lineStyle(1,0xFFFFFF,.5);

                canVol.graphics.moveTo(0,event.localY);

                canVol.graphics.lineTo((8*itemWidth),event.localY);

                canVol.graphics.moveTo(event.localX,0);

                canVol.graphics.lineTo(event.localX,canVas.height); 



				}				

			}

鼠標單擊改變是否顯示狀態

	private function ShowLabel(event:MouseEvent):void
			{

				if(IsXY)
				{
					IsXY=false;
					
				}
				else
				{
					IsXY=true;
				}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章