外文翻译-译文部分SWT图像(共24页).doc

《外文翻译-译文部分SWT图像(共24页).doc》由会员分享，可在线阅读，更多相关《外文翻译-译文部分SWT图像(共24页).doc（24页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上浅谈SWT 图像 概要SWT的图像类能用来在GUI里显示图象。图像的最普通的来源是从标准文件形式(例如GIF，JPEG，PNG或者BMP)中下载。一些控制，包括按钮和TreeItems，能直接通过setImage方法来展示一幅图像，但是任何控制绘图的事件都允许图像从图表库中提取。SWT的ImageData 类描述制作一幅SWT 图像的原始数据并且决定了屏幕上每个坐标的象素颜色。 这篇文章展示了ImageData类和图像的正确的用法，显示如何从文件中载入图像，和怎样表现透明度，调和，动画，调节比例和光标这样的图表效应。 By Joe Winchester, IBM 20

2、03年9月10日这篇文章的第一部分介绍了颜色并且展示了一幅图像是怎样记录每个象素色值的。 简介 图像生存周期 颜色 o 索引调色板o 直接调色板 下一部分描述图像为的透明度，调和，动画和如何调节图像比例。 透明度 像 调和 o o 每个像素不同的值 应 画 最后，文章还告诉我们如何应用源映像和面具来在图像中创建光标。 光标 平台光标 标 简介 建立一幅SWT 图像的最简单的方法是从公认的图表文件形式中下载它。这包括GIF，BMP(Windows 形式bitmap) ,JPG 和PNG。在最近发布的Eclipse中TIFF形式得到更多的支持。 图像可以从应用建有图像的文件系统中已知的位置载入(D

3、isplay display, String fileLocation): Image image = new Image(display, C:/eclipse/eclipse/plugins/org.eclipse.platform_2.0.2/eclipse_lg.gif); 不需要费力编码图像的位置，我们通常从规定的相关类中有关的文件夹位置载入图像。这是通过建立输出流时指定文件路径来完成的 Class.getResourceAsStream(String name) ,然后使用结果作为建造者建图像的理由(Display display, InputStream inputStream)

4、。下面的Eclipse 包explorer 展示了com.foo.ShellWithButtonShowingEclipseLogo 和 eclipse_lg.gif在同一个文件夹里。为遵循代码将会从相关类位置下载图像。Image image = new Image(display, ShellWithButtonShowingEclipseLogo.class.getResourceAsStream(eclipse_lg.gif); 一旦图像被创建，它就被用作了控制的一部分，例如按钮和标签，它们能使图表成为其 setImage(Image image) 方法的一部分。 Button butt

5、on = new Button(shell,SWT.PUSH);button.setImage(image); 我们可以用已建的GC(Drawable drawable)图像库来绘图：GC gc = new GC(image);gc.setForeground(display.getSystemColor(SWT.COLOR_WHITE);gc.drawText(Ive been drawn on,0,0,true);gc.dispose(); 用 GC 来绘制图像会永久改变图像。文章中还有更多的关于如何使用GC的信息。详见 图像生存周期载入图像时，第一步是创造独立的ImageData类，用o

6、rg.eclipse.swt.graphics.ImageData来描述。接下来，数据通过创造一个实际图像实例为一个具体的设备作准备。 当从一个文件直接载入一幅图像时，可以单独建立一个ImageData 对象，然后使用Image(Device device, ImageData imageData)建图像。尽管不是用来被创建图像的相同对象，但是我们可以使用getImageData()方法来取回数据。这是因为当你准备在屏幕上绘制一个图像时比如颜色深度这类属性是不同于最初的图象数据的。 图像的实例是为一个具体的设备作准备的一种基础的资源，当分配资源不再免费时，这些实例就会被处理掉。在SWT中，当一

7、个对象被垃圾站回收时资源是没有最终化的。更多的信息详见 ImageDataImageData可以被认为是一幅图像的模型，而图像是准备输出一个具体的设备时的映像。 ImageData包括宽度，高度和每个坐标的象素值。图像的初始数据是字节 ,图像的深度指坐标的比特值。1位图像深度可以为每个象素(0和1)储存两个可能值, 4位深度能储存2 4 = 16，8位深度能储存2 8 = 256值，24位深度能为每个像素储存224=1600万不同的值。图像的深度越大像素所需要的字节数越多，而有些文件形式，比如GIF格式，为了通过链接因特网下载图片最初设计只支持最大为8位的图像深度。每个象素值是怎样转化为一种实

8、际颜色的，这取决于类的调色板org.eclipse.swt.graphics.PaletteData.。 下一部分讲解如何用RGB值来表达颜色，和怎样用PaletteData来给每个象素设定特定颜色。 颜色类org.eclipse.swt.graphics.Color是用来管理实现RGB颜色模型的资源。每种颜色由红色，绿色和蓝色三色素(每个都表示没有任何颜色0到全色255之间的一个整数值)组成。Color cyanColor = new Color(display,0,255,255);/ . Code to use the ColorcyanColor.dispose(); SWT中存在一个

9、便节类org.eclipse.swt.graphics.RGB把红色，绿色和蓝色结合于一个单个的对象内。 RGB cyanRGB = new RGB(0,255,255);Color cyanColor = new Color(display,cyanRGB);/ . Code to use the ColorcyanColor.dispose(); 当不再需要颜色实例时，颜色实例会被处理掉。然而RGB并没有必要被处理。这与图像和它的ImageData之间的关系类似，颜色和图像是对象使用自身基础资源的设备，而RGB和ImageData是基础模型数据。 避免创建管理通常使用的颜色实例，显示类可以

10、使用方法Display.getSystemColor(int id). Color cyanColor = display.getSystemColor(SWT.COLOR_CYAN) 来返回。当一个SWT 程序用Display.getSystemColor(int id)来获得颜色时，颜色不能被处理掉。这个经验法则适合任何SWT 资源：“谁创建，谁处理”。 由上面的原则返回cyan颜色实例，因为没有明确地建立过，所以也不应该被随便处理掉。 一种颜色是如何确切呈现在显示器上的，这是由比如显示器深度解决办法等这类因素决定的。 更多关于这个和SWT颜色模型的问题详见。PaletteData有两种P

11、aletteData，一个索引调色板，一个直接调色板。 PaletteData是一个象素值绘制RGB值的模型，因为调色板不代表基础资源，它们也不需要被处理。 索引调色板 索引调色板中每个像素值代表一个数值，然后通过索引调色板来决定实际颜色。可允许索引的的象素值范围大小不超过该图像的深度。 下面的例子是创建一个深度为1位，48*48 的正方形图像和一个索引调色板。索引调色板指定 0 是红色 1是绿色 (根据建造者 RGB 的指令)。ImageDatas 非预置的像素值初始值为 0 (红色), 2个为环 在ImageData的中央设置一个34*34的正方形图像，设定1 (绿色)。PaletteDa

12、ta paletteData = new PaletteData( new RGB new RGB(255,0,0), new RGB(0,255,0); ImageData imageData = new ImageData(48,48,1,paletteData);for(int x=11;x35;x+) for(int y=11;y35;y+) imageData.setPixel(x,y,1); Image image = new Image(display,imageData); 上述例子深度为1位，因此可以储存2种颜色。当图像颜色深度增加时，调色板颜色数量同时增加。索引调色板允许的

13、图像深度为1,2,4,8位，深度为8位时可以提供 28 = 256 种可能的颜色。还需要更高的颜色深度时(例如16，24，或者32) ，就必须使用直接调色板。 直接调色板 不像在索引调色板中，每个像素值对应着调色板索引中的一个颜色，直接调色板允许每个象素值直接记录红，绿和蓝三色素的组成。直接PaletteData 定义了红色，绿色和蓝色面罩。我们把像素值移至左以使面罩的高位与颜色首字节的高位一致，这个过程要求的比特值数就是面罩数量。例如，一24 位直接调色板可分成3部份，低8位用来储存红色，中间的8位储存绿色，而高8 位则储存蓝色。红色的移动面罩是0 xFF，绿色是0 xFF00 而蓝色是0

14、xFF0000。每个象素值都是24位整数中红色，绿色和蓝色的组合。建立一个索引调色板使用允许红色，绿色，蓝色面罩被详细说明PaletteData palette = new PaletteData(0xFF , 0xFF00 , 0xFF0000); ImageData imageData = new ImageData(48,48,24,palette); 用之前同样的知识, 代码反复说明了放置到两者中任何一个的像素坐标。0xFF (for red) or 0xFF00 (for green). for (int x=0;x48;x+) for(int y=0;y 11 & y 11 & x

15、 操作符来移动颜色组成部分到右侧。如果你正在编写一般代码做这种操作，注意直接调色板中深度24位或32位的颜色用低位存储红色组成部分，而深度16位的颜色相反，红色占高位蓝色占低位。这个原因同Windows内部储存图像，这样创建图像时，几乎没有变换。 imageData中会反复强调两个为环。 第一个是从上到下横穿图像一次，然后 创建一个 int 来容纳每条数据线。用方法 ImageData.getPixels(int x, int y, int getWidth, int pixels, int startIndex) 每次从imageData的字节中选择一条线。这个方法的API有些不规则，因为与

16、其返回数据结果不如声明为空，结果像素数据加入 int 作为方法讨论通过。 像素的int 被反复调用而且每个值都有自己的红色, 绿色和蓝色组成部分被选出。我们希望的是可以判断是否该像素是返白色，如果是就把它转变成纯白色 - 假设所有像素的红绿组成都高于230，这是一个非常好用的规则蓝色组成部分高于150就是返白色int lineData = new intideaImageData.width; for (int y = 0; y ideaImageData.height; y+) ideaImageData.getPixels(0,y,width,lineData,0); / Analyze

17、each pixel value in the line for (int x=0; x 8; int b = (pixelValue & blueShift) 16; if (r 230 & g 230 & b 150) ideaImageData.setPixel(x,y,0xFFFFFF); ; 已经操作构成ImageData的未加工的字节，我们现在已经成功把返白色值改变成纯白色。 保存图像现在既然有了ImageData，其中所有带白色象素都变为白色，并且调色板的透明度象素已经被设置为白色，我们将保存这幅图像，以便下次某个SWT程序需要纯白色的JPF时，可以直接载入文件照原样使用它。将I

18、mageData存到一个文件中使用类org.eclipse.swt.graphics.ImageLoader。图像载入者有一个公开域数据输入到ImageData 。数据域是ImageData的一个阵列，因为这样可以用不止一个框架支持图像文件形式，比如能动的GIFs格式或者交错JPEG 文件。在接下来的 动画 部分会提到更多。ImageLoader imageLoader = new ImageLoader();imageLoader.data = new ImageData ideaImageData;imageLoader.save(C:/temp/Idea_PureWhite.jpg,SW

19、T.IMAGE_JPEG); 完成结果展示如下： 看起来和最初的 Idea.jpg没什么两样，因为我们采用的是白色背景，但是如果我们在油画板上画图，并且设置白色像素透明，就会看到期望的效果 。ImageData pureWhiteIdeaImageData =new ImageData(C:/temp/Idea_PureWhite.jpg);pureWhiteIdeaImageData.transparentPixel = pureWhiteIdeaImageData.palette.getPixel(new RGB(255,255,255); final Image transparentI

20、deaImage = new Image(display,pureWhiteIdeaImageData); Canvas canvas = new Canvas(shell,SWT.NONE); canvas.addPaintListener(new PaintListener() public void paintControl(PaintEvent e) e.gc.drawImage(transparentIdeaImage,0,0); ); 上述代码中载入Idea_PureWhite.jpg文件后看起来似乎有些奇怪 透明像素设置为白色。为什么不在用ImageLoader创建Idea_Pu

21、reWhite.jpg文件之前设置透明像素？这是因为JPEG图片格式不支持透明度。GIF 文件支持本机透明度，但是在ImageLoader上把图片改成 SWT.IMAGE_GIF格式不管用，因为GIF格式要用索引调色板，并且仅支持最大8位图片深度，而JPEG格式使用直接调色板且支持最大24位的图片深度。在调用每个像素值和通过找最近颜色创建GIF图片数据之前，两者之间的转化还要分析JPEG创建最适256色调色板所用的颜色。尽管很多商业图形工具都能做到，但是此变换不在本文章范围之内。匹配颜色深度从24位降到8位的像素值涉及到的算法匹配很多像素而不是仅仅一个，这也是为什么当进行不同格式转换时图片质量

22、有时会下降的原因。我们已经展示了Imagedata作为整型值阵列是怎样表达每个像素坐标的还有每个像素值是怎样通过调色板绘制颜色的。这样我们就可以为Idea.jpg调用图象数据，质疑接近于白色的像素，并且把它们转化成纯白色的RGB值。最后我们就能创建 Idea_PureWhite.jpg文件，通过设置这个文件的白色像素透明，Idea_PureWhite.jpg可以用作透明JPG文件。透明度赖于源象素值(图像被绘制)工作 ,一个目的象素值(图像被绘制到) 以及最终确定目的象素值的一个规则。对透明度来说，规则是除非透明像素被用作目的像素时才使用源象素值。另一技术是用指定了申请相关目的资源量得值来创建

23、最终像素值。这样一来就让源图像和现有预绘图背景互相协调这。 调和调和是一项合并两象素值的技术，源像素和目的象素分别指定值来衡量它们受最终目的像素影响多少。255的值是全影响，而0是无影响。SWT 为整个ImageData 提供单个的值，要不然每个象素有它自己的值。 单个值ImageData的整型值是用来指定一个单个的值的，这个单个值是怎样把源象素与目的输入相结合建立目的输出的。下面的列表展示了 Idea_PureWhite.jpg相同的ImageData是怎样用在3幅单独的图像上的。第一原图，然后使用值128，最后值64，注意相同的ImageData在创建每个图像前通过改变值进行连续操作，改变

24、ImageData对已创建的图像无影响。这是因为图像在创建的同时就开始为ImageData的设备显示作准备。 Shell shell = new Shell(display); shell.setLayout(new FillLayout(); ImageData imageData = new ImageData(C:/temp/Idea_PureWhite.jpg);final Image fullImage = new Image(display,imageData); imageData.alpha = 128;final Image halfImage = new Image(dis

25、play,imageData); imageData.alpha = 64;final Image quarterImage = new Image(display,imageData); Canvas canvas = new Canvas(shell,SWT.NO_REDRAW_RESIZE); canvas.addPaintListener(new PaintListener() public void paintControl(PaintEvent e) e.gc.drawImage(fullImage,0,0); e.gc.drawImage(halfImage,140,0); e.

26、gc.drawImage(quarterImage,280,0); ); 每个象素不同的价值 在允许单个值申请源图像中所有像素的同时，ImageData 允许每个像素有自身的值。这是通过alphaData byte域实现的。这也就允许了获得影响，比如说得到一个图像从顶部到底部的褪色。下面代码创建了 一个alphaData byte, 和两个循环。外循环 y 从 0 到 imageData的高度，内循环 创建一个 byte 表达 imageData 的宽度与初始值，从0表示顶排一直增加到255表示底排。一个系统指针复制 System.arrayCopy 然后为每一排创建 alphaData by

27、te。 ImageData fullImageData = new ImageData(C:/temp/Idea_PureWhite.jpg); int width = fullImageData.width; int height = fullImageData.height;byte alphaData = new byteheight * width;for(int y=0;yheight;y+) byte alphaRow = new bytewidth; for(int x=0;xwidth;x+) alphaRowx = (byte) (255 * y) /height); Sys

28、tem.arraycopy(alphaRow,0,alphaData,y*width,width); fullImageData.alphaData = alphaData; Image fullImage = new Image(display,fullImageData); 得到的图像如下, 然后 alphaData byte 使图像顶部透明底部不透明，在两者之间是渐变的褪色。图像影响我们既能通过操作图像数据随便获得的图像影响，SWT 为我们提供了一系列未定义的基于已有图像结合某种风格创建新图像的办法。这被用来，比如，一幅图像被用作 toolbar钮而您想创建一个版本用来表示按钮丧失能力或

29、是不活动的。 基于已有图像和风格旗创建影响应用创建Image(Display display, Image image, int flag)。旗论证是SWT.IMAGE_COPY, SWT.IMAGE_DISABLE或 SWT.IMAGE_GRAY中任一静态常量。 尽管 Disable无能力和Gray灰色区域使用站台具体效应创建新图像，但是复制创建新图像基于原图像的同时也复制它的imageData。 下面代码展示了 Idea.jpg, 还有应用风格比特创建的另外三幅图像IMAGE_DISABLE, IMAGE_GRAY 和IMAGE_COPY。 为了展示 IMAGE_COPY创建了一个新图像一

30、个 GC 被用来画在上面仅影响复制的图像，而不影响原图。 Image ideaImage = new Image(display,getClass().getResourceAsStream(/icons/Idea.jpg);Image disabledImage = new Image(display,image,SWT.IMAGE_DISABLE);Image grayImage = new Image(display,image,SWT.IMAGE_GRAY);Image copyImage = new Image(display,ideaImage,SWT.IMAGE_COPY);GC

31、 gc = new GC(copyImage); gc.drawText(This is a copy,0,0); gc.dispose(); GIF 动画另外一个关于图像的重要的课题就是理解动画，动画中图像可以包含一系列可以连续运动有生气的框架。 GIF支持图像动画 ，一个单个图像文件可包含多个系列的 ImageData。Web 浏览器支持本地动画，下面的图像由15个框架组成，展示了钢笔在Idea标签下方旋转和写SWT文字。当你正使用Web浏览器读这篇文章时浏览器应该显示Idea_SWT_Animation.gif 文件像一支连续移动的钢笔一样，这并不是真正的本地SWT控件显示图像。做动画一

32、定要按部就班，类org.eclipse.swt.examples.ImageAnalyzer显示了如何完成。ImageAnalyzer类可以从Eclipse CVS库中的 SWT例子工程中获得。 当ImageLoader 类载入动画GIF时，每个单个框架都是输入到ImageData数据区阵列里的一个单独的要素。在动画顺序中每个ImageData都记录了显示过程需要多少毫秒的整型域延迟时间。顺序应该重复的次数可以从loader.repeatCount 域返回值，-1值表明动画应该无限期重复 ，Idea_SWT_Animation.gif 就有这个值。当从一个框架转换到下一个框架时，有三种方法使新

33、的框架代替之前的框架，整型域ImageData.disposalMethod具体说明了办法。这样能够确定常类org.eclipse.swt.SWT里定义的下列值。DM_FILL_NONE闲置前框架在上方画图。 每个框架附加在前一个框架之上。DM_FILL_BACKGROUND再画每个框架前填充背景颜色。每个像素值都被定义在backgroundPixe下载器内 。DM_FILL_PREVIOUS重建前图片。DM_FILL_UNSPECIFIED未定义清除方法。 为保存空间，动画GIFs一般被优化来存储申请前图像需要的三角形。上面的Idea_SWT_Animation.gif15个框架显示如下。每

34、框架相对前图像存储一个三角形，通过我所创建的动画GIF工具自动生成。 每个框架的处理方法是DM_NONE ，所以每幅图像都画在在前图像上方。每个个别的ImageData 要素左上角有x,y，以及它的宽度和高度的。要使用的总的尺寸可以从loader.logicalScreenWidth and loader.logicalScreenHeight域获得。 为了例证如何在SWT中展示动画GIF，我们创建一个在第一个框架建初始图像，建计数器存储应用哪个框架显示 。图像被绘制 画布上的画图事件, 创建了一个 GC将会被用来把后来的框架绘制在图像之上。 ImageLoader loader = new ImageLoader(); loader.load(getClass().getResourceAsStream(Idea_SWT_Animation.gif); Canvas canvas = new Canvas(shell,SWT.NONE);image = new Image(display,loader.data0); int imageNumber;final GC gc = new GC(image); canvas.addPaintListener(new PaintLis