Flex图文混排之后期开发

一:now
SDK:   flex_sdk_4.0.0.6137
build: 411 (691769)

Added the Effect of MouseOverILG (新增加鼠标滑过ILG效果




Added  MouseClickILG (鼠标点击ILG图例)||Scaling(缩放)








Added Drag and Drop ILG(加入托动和释放功能)

评论

14 楼 sxy09 2014-12-31  

给份源码吧，学习研究下 [e-mail]

13 楼 zhangxiaopei 2014-09-04  

哥，你还在吗？能发一份源码给我吗？谢谢，不甚感激
邮箱：[e-mail]

12 楼 zhouyijiaren 2014-02-24  

楼主你好，好有源码吗？想学习一下

11 楼 damoqiongqiu 2012-02-02  

不错，相当强劲，求分享[e-mail]

10 楼 yzzcom 2011-12-11  

楼主，您太牛了。
刚发现您相关博文，关于Flex图文混排以及TLF方面，真的好想向您请教。

关于上面作品的源码可否发给我一份，学习研究之用。

不胜感激!!!!!


[e-mail]

9 楼 wenkelu 2010-01-27  

为了会个贴，还做了10多钟测验，真是不容易啊。
哥们，我真好也在用Flex TLF来开发编辑，现在遇到图片的放大缩小问题，可否参考一下你的相关图片操作代码？

8 楼 rzhome 2009-11-27  

有没有演示链接看一下实际操作的效果啊。

7 楼 wenqihui2008 2009-09-26  

[e-mail] 发一份，正在学习中，谢谢。

6 楼 diding 2009-08-31  

nywrb 写道

最后 没有出现那个 一点图片 好像就没了 不知道 是哪里错了 ，能把你处理的这段代码发一下吗 ？看一下 你的实现过程 好改进一下 谢谢了!

//不好意思,这段时间比较忙,没有闪上来,
代码如下:
//这段主要是实现图像点击事件的
//public class InlineImageManager extends EventDispatcher

private function graphicStatusChangeEvent(event:StatusChangeEvent):void
		{
			image=event.element as InlineGraphicElement;
			image.lineHeight="103%";
			//dispatcher=image.getEventMirror();
			var sourceObj:Object=image.source;
			var sourceStr:String=sourceObj.toString();
			var checker:String=doCheckGraphicElement(sourceStr)
			switch (checker)
			{
				case "image":
					if (_images == null)
					{
						_images=new Vector.<InlineGraphicElement>;
					}
					_images.push(image);
					doCommand()
					break;
				case "code":
					break;
				case "table":
					break;
			}
		}
private function doCommand():void
		{
			richEditableText.addEventListener(MouseEvent.CLICK, imageClickHandlers);
			richEditableText.addEventListener(MouseEvent.MOUSE_MOVE, richTextToImageHandleMouseMove);
		}
private function richTextToImageHandleMouseMove(e:MouseEvent):void
		{
			var hitrect:Rectangle
			var mouseX:Number=richEditableText.mouseX;
			var mouseY:Number=richEditableText.mouseY;
			for (var i:uint=0; i < _images.length; i++)
			{
				var rect:Rectangle=_images[i].graphic.getBounds(richEditableText);
				if (rect.contains(mouseX, mouseY))
				{
					Mouse.cursor=MouseCursor.BUTTON
					_images[i].graphic.filters=[new GlowFilter(0xFFFF00, .6, 8, 8, 2, 1, true)];
				}
				else
				{
					Mouse.cursor=MouseCursor.IBEAM
					_images[i].graphic.filters=[];
				}
			}
			_Manager._textFlow.flowComposer.updateAllControllers()

		}

		private function imageClickHandlers(event:MouseEvent):void
		{
			var hitrect:Rectangle
			var mouseX:Number=richEditableText.mouseX;
			var mouseY:Number=richEditableText.mouseY;
			for (var i:uint=0; i < _images.length; i++)
			{
				var rect:Rectangle=_images[i].graphic.getBounds(richEditableText);
				if (rect.contains(mouseX, mouseY))
				{
					var currentILG:InlineGraphicElement=_images[i]as InlineGraphicElement;

					var absIndex:int=currentILG.getAbsoluteStart();
					var between:int=absIndex + currentILG.textLength;
					if (_Manager.selStart < between)
					{
						clickInlineGripicElement=currentILG;
						trace(clickInlineGripicElement.source)
						
						CMDManageImageClick(currentILG)

						break;
					}
				}
				else
				{
					Mouse.cursor=MouseCursor.IBEAM
				}
			}

		}

//这是ImageClickManager的全部代码

package net.diding.RichFXTE.elements
{
	import flash.display.Sprite;
	import flash.events.EventDispatcher;
	import flash.text.engine.TextLine;
	
	import flashx.textLayout.elements.InlineGraphicElement;
	
	import net.diding.RichFXTE.controllers.InlineImageManager;


	public class ImageClickManager extends EventDispatcher
	{
		
		private var ImageObjectArray:Array=[];
		private var lastItf:imgTransFrom;
		private var _ILGManager:InlineImageManager;
		private var itf:imgTransFrom;
		
		public function ImageClickManager(arg:InlineImageManager=null)
		{
			super();
			_ILGManager=arg
		}
		
		
		public function AddManagerObject(nowIGE:InlineGraphicElement):void{
			itf=new imgTransFrom();
			lastItf=itf
			if(ImageObjectArray.length>0){
				clearManagerObject()
			}
			ImageObjectArray.push(itf);
			itf.actionInit(nowIGE,_ILGManager)
		}
		public function clearLastItfFocus():void{
			if(lastItf){
			lastItf.clearSp();
			_ILGManager.isBeginEditImage=false
			}
		}
		private function clearManagerObject():void{
			for(var j:int=0;j<ImageObjectArray.length;j++){
				ImageObjectArray[j].clearSp()
			}
		}
		public function showMouse():void{
			if(lastItf){
			lastItf.ToShowMouse()
			_ILGManager.isBeginEditImage=false
			}
		}
	}
}

//有些代码没有优化,祝您成功!

5 楼 nywrb 2009-07-30  

diding 写道

nywrb 写道

[e-mail] 看得你前一篇文章 图片还是弹出的处理 没想再看一下 ，你 已经改成拖动 控制图片的大小了 强啊 。能否分享一下 ，继续向你学习中

//其实原理很简单
当ILG点击时,传出点击的ILG到ImageClickManager(它extends EventDispatcher)
余下的就是处理sprite
//我想sprite的缩放与移动方面的技术文摘,网上太多了
//这里有一篇文章或源代码
http://space.flash8.net/space/?614884/viewspace-413862.html
//以下就是调整前的初始化

var sp:Sprite=getILG.graphic.parent as Sprite;
textLine=sp.parent as TextLine;
spirteUrl=getILG.source;
richEditableText=textLine.parent as RichEditableText

传出点击的ILG到ImageClickManager? 怎么传到ImageClickManager里啊？
我是通过 这样得到当前选 中的img
currentIGE=ev.selectedElementRange.firstLeaf as InlineGraphicElement;

itf.actionInit(currentIGE.graphic.parent as Sprite,textLine.parent as Sprite);
itf.imgBeginMoveHandler()
最后 没有出现那个 一点图片 好像就没了 不知道 是哪里错了 ，能把你处理的这段代码发一下吗 ？看一下 你的实现过程 好改进一下 谢谢了!

4 楼 diding 2009-07-24  

nywrb 写道

[e-mail] 看得你前一篇文章 图片还是弹出的处理 没想再看一下 ，你 已经改成拖动 控制图片的大小了 强啊 。能否分享一下 ，继续向你学习中

//其实原理很简单
当ILG点击时,传出点击的ILG到ImageClickManager(它extends EventDispatcher)
余下的就是处理sprite
//我想sprite的缩放与移动方面的技术文摘,网上太多了
//这里有一篇文章或源代码
http://space.flash8.net/space/?614884/viewspace-413862.html
//以下就是调整前的初始化

var sp:Sprite=getILG.graphic.parent as Sprite;
textLine=sp.parent as TextLine;
spirteUrl=getILG.source;
richEditableText=textLine.parent as RichEditableText

3 楼 nywrb 2009-07-09  

[e-mail] 看得你前一篇文章 图片还是弹出的处理 没想再看一下 ，你 已经改成拖动 控制图片的大小了 强啊 。能否分享一下 ，继续向你学习中

2 楼 nlslzf 2009-05-11  

[e-mail],不胜感激

1 楼 nlslzf 2009-05-11  

哥们，我需要这个图片操作的代码和插入table的代码，您看能否共享一份？