flex3 从图片的某一个像素开始显示图片

lure2222 2010-01-03 02:36:46
加精
flex3 从图片的某一个像素开始显示图片

我加载了一张图片,但是我要他从这张图片的50,50显示,就好像在CSS中加载图片background:url(Images/1.jpg) no-repeat 50px 50px;一样的这种功能!

写出代码啊。谢谢!
...全文
851 35 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
35 条回复
切换为时间正序
请发表友善的回复…
发表回复
「已注销」 2010-01-08
  • 打赏
  • 举报
回复
樓主說明一點,我不懂。
eqiang0930 2010-01-08
  • 打赏
  • 举报
回复
ddddddddddddddddd
duguyun 2010-01-07
  • 打赏
  • 举报
回复
路过
zhuwenlubin 2010-01-07
  • 打赏
  • 举报
回复
学习了
jokerdx 2010-01-07
  • 打赏
  • 举报
回复
顶~~~~~~~~~~~~~~~~~~`
lfcms 2010-01-07
  • 打赏
  • 举报
回复
Mark
zhangyongtian_0810 2010-01-06
  • 打赏
  • 举报
回复
晕晕 乎
yjjhuan 2010-01-06
  • 打赏
  • 举报
回复
来这淘宝哦!
liexiongzhang 2010-01-06
  • 打赏
  • 举报
回复
恩,我也来瞧瞧````
zy178327331 2010-01-06
  • 打赏
  • 举报
回复
不错,学习
arming11 2010-01-06
  • 打赏
  • 举报
回复
恩,可以。。
YHL27 2010-01-06
  • 打赏
  • 举报
回复
学习
gr1989522 2010-01-06
  • 打赏
  • 举报
回复
这个。。。。。。
fhqu1462 2010-01-05
  • 打赏
  • 举报
回复
写了一个 不知道 是不是楼主想要的效果 简单测试了一下 也不知道有没有问题 .. 类里面没写变量 可以当做工具类使用 下面放代码

package
{
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.geom.Point;
import flash.geom.Rectangle;

import mx.controls.Image;
import mx.core.UIComponent;

public class ImageCut
{
public function ImageCut()
{
}


/**
*
* @param source 源组件
* @param startPoint 裁剪起始点
* @param width 需要裁剪的高度
* @param height 需要裁剪的宽度
* @return 裁剪后的图片
*
*/
public function getCutImage(source:UIComponent, startPoint:Point, width:int = 0, height:int = 0):Image
{
var sourceData:BitmapData = getSourceData(source);

var destData:BitmapData = getDestData( sourceData, startPoint, width, height );

if( !sourceData || ! destData)
return null;

return getImage(destData);
}

/**
*
* @param source 源组件
* @param startPoint 裁剪起始点
* @param width 需要裁剪的高度
* @param height 需要裁剪的宽度
* @return 裁剪后的Bitmap
*
*/
public function getCutBitmap(source:UIComponent, startPoint:Point, width:int = 0, height:int = 0):Bitmap
{
var sourceData:BitmapData = getSourceData(source);

var destData:BitmapData = getDestData( sourceData, startPoint, width, height );

if( !sourceData || ! destData)
return null;

return new Bitmap(destData);
}

/**
*
* @param source 被裁剪的资源
* @return 资源的BitmapData
*
*/
private function getSourceData( source:UIComponent ):BitmapData
{
var sourceData:BitmapData = null;

if( source )
{
sourceData = new BitmapData( source.width, source.height );
sourceData.draw( source );
}
else
return null;


return sourceData;
}

/**
*
* @param _source 资源的BitmapData
* @param _startPoint 裁剪起始点
* @param _width 宽度
* @param _height 高度
* @return 裁剪后的BitmapData
*
*/
private function getDestData( _source:BitmapData, _startPoint:Point , _width:int = 0, _height:int = 0):BitmapData
{
if( _width == 0 || _startPoint.x + _width > _source.width)
_width = _source.width - _startPoint.x;

if( _height == 0 || _startPoint.y + _height > _source.height)
_height = _source.height - _startPoint.y;


var destData:BitmapData = new BitmapData(_width, _height);

var rect:Rectangle = new Rectangle( _startPoint.x, _startPoint.y, _width,_height);

destData.copyPixels( _source, rect , new Point(0,0) );

return destData;
}


/**
* 将BitmapData转换为图片实例
* @param _source BitmapData
* @return 图片实例
*
*/
private function getImage( _source:BitmapData ):Image
{
var bitmap:Bitmap = new Bitmap( _source )
var image:Image = new Image();
image.source = bitmap;
return image;
}
}
}

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="1024" minHeight="768">
<mx:Script>
<![CDATA[
import mx.events.FlexEvent;

private var cut:ImageCut = new ImageCut();

protected function img_clickHandler(event:MouseEvent):void
{
createImage(new Point(event.localX,event.localY));
}

private function createImage(point:Point):void
{
var image:Image = cut.getCutImage(test,point);
cont.addChild(image);
}
]]>
</mx:Script>
<mx:HBox id="cont">
<mx:Image id="test"
source="123.jpg"
width="400" height="400"
maintainAspectRatio="false"
click="img_clickHandler(event)"/>
</mx:HBox>


</mx:Application>


wunaixiuluo 2010-01-05
  • 打赏
  • 举报
回复
顶起!!
xingjunli 2010-01-05
  • 打赏
  • 举报
回复
[Quote=引用 9 楼 lure14435345 的回复:]
大家没明白我的意思,我的想法是这个图片有2屏幕,要的是整个图片,但是有要从50,50开始显示·
[/Quote]
直接设置图片 x,y信息不就好了吗?
xingjunli 2010-01-05
  • 打赏
  • 举报
回复
[Quote=引用 9 楼 lure14435345 的回复:]
大家没明白我的意思,我的想法是这个图片有2屏幕,要的是整个图片,但是有要从50,50开始显示·
[/Quote]

这样不是直接设置 x,y就好了吗?
goshark 2010-01-05
  • 打赏
  • 举报
回复
好啊,呵呵,支持
poul000000 2010-01-05
  • 打赏
  • 举报
回复
......................不是很明白,等待高手
fk_jh 2010-01-05
  • 打赏
  • 举报
回复
学习一下
加载更多回复(15)
flex3的cookbook书籍完整版dpf(包含目录),目录是我花了两个多小时自己整理的,希望对大家有帮助。 目录: 第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 1.3节.创建ActionScript项目 1.4节.在FlexBuilder中设置MXML编译器选项 1.5节.在FlexBuilder外部编译Flex项目 1.6节.在MXML中添加事件监听器 1.7节.设置子节点属性 1.8节.定义数组和对象 1.9节.在ActionScript中设置变量的作用域 1.10节.在ActionScript中创建组件 1.11节.使用事件冒泡机制 1.12节.使用代码隐藏模式分离MXML和ActionScript 1.13节.组件属性绑定 1.14节.使用自定义事件以及事件数据传递 1.15节.监听键盘事件 1.16节.定义方法参数 1.17节.检测对象数据类型 1.18节.接口的定义和实现 第二章. 控件与菜单(37) 2.1节. 监听按钮点击 2.2节. 创建一组状态按钮 2.3节. 使用ColorPicker设置Canvas颜色 2.4节. 使用SWFLoader载入SWF 2.5节. 设置组件的标签索引 2.6节. 设置控件的labelFunction 2.7节. 提供菜单数据 2.8. 动态填充菜单 2.9节. 为菜单类控件创建事件处理函数 2.10节. 显示一个通知窗口 2.11节. 使用Calendar控件 2.12节. 弹出窗口的显示和位置 2.13节. 自定义弹出式窗口边框 2.14节. 处理focusIn和focusOut事件 第三章容器(65) 3.1 节使用布局管理器布置子组件 3.2 节通过百分比方式配置容器的布局和尺寸 3.3节. 以不同的坐标系统跟踪鼠标位置 3.4 节在容器中动态添加和移除子组件 3.5 节对容器使用基于约束的布局 3.6 节在容器内为子组件设置最大、最小尺寸 3.7 节为容器指定行和列的约束 3.8 节使用约束条件为文本创建排版流程(Layout Flows) 3.9 节在容器内控制滚动和溢出 3.10 节控制Box 组件的布局 3.11 节使用容器初始化 3.12 节创建TitleWindow 3.13 节通过LinkBar 控制ViewStack 3.14 节将ViewStack 的选中索引数绑定到一个变量上 3.15 节使用延迟实例化提高启动效率 3.16 节创建并控制可调整大小的容器 3.17节在TabNavigator内创建、启用和禁用TAB组件(TabControls) 3.18 节使用可关闭Tabs 创建一个TabNavigator 3.19 节创建和控制Alert 3.20 节根据呼出组件设置对话框的尺寸和位置 3.21 节管理多个弹出对话框 3.22 节在容器中滚动到某个指定的子组件 3.23 节使用IdeferredInstance 创建模板 3.24 节手动布局容器 3.25 节测量并改变容器尺寸 3.26 节控制子组件的可见性和布局 3.27 节用简单重组行为创建Tile 容器 3.28 节给Hbox 设置背景图片和圆角 3.29 节控制子组件的位置和滚动 第四章文本(121) 4.1节正确的设置一个文本对象的值 4.2节. 将TextInput绑定一个值 4.3节. 创建一个具有文字提示的文本输入框 4.4节. 创建一个合适的编辑器 4.5节. 确定用户电脑上安装的所有字体 4.6节. 创建一个自定义的TextInput 4.7节. 为一段文本设置风格属性 4.8节.在HTML里显示图片和SWF文档 4.9节. 在一个搜索域中高亮显示用户输入 4.10节. 把字符当作独立图像处理 4.11节. 指定TextField中的HTML样式 4.12节. 使用RichTextEditor 4.13节. 在HTML中应用嵌入字体 4.14节. 给一个Text 组件中的文本添加拖拽阴影 4.15节. 找出一个TextArea 中最后显示的字符 第五章Lists,Tiles,和Trees(147) 5.1 节.创建可编辑的list 组件 5.2节.为List的某项设置图标 5.3 节. 为List的内容变更添加特效 5.4为TileList创建一个基本的条目渲染器 5.5节.为Tree设置XML数据 5.6节.为Tree创建项渲染器 5.7节.在Tree控件中使用复杂数据对象 5.8节.只允许List的某一项可被选中 5.9节.为List的项编辑器添加格式化和验证数据 5.10节.跟踪TileList中所有被选中的子节点 5.11节.使用和显示项渲染器的N

4,327

社区成员

发帖
与我相关
我的任务
社区描述
多媒体/设计 Flex
社区管理员
  • Flex
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧