详解Visual Studio 2010增加背景图片的扩展

开发 后端
在这里我们将讨论的是Visual Studio 2010增加背景图片的扩展,希望这样的扩展能让大家的工作得到些许放送。

前些日子心血来潮去Visual Studio扩展库上淘了一圈,发现了这样一个扩展:http://visualstudiogallery.msdn.microsoft.com/zh-cn/0e6f9037-b753-469e-86d4-bfba78c74cf6

但是这个扩展用起来还有一些不方便的地方,例如会锁定背景图片文件、缩放编辑器的时候背景图片会因为滚动条的定位而飘到上方、透明度和背景图像的位置不能改变等等。

而这个扩展***一次更新是5月5日,到现在已经过了五个月了。所以我决定仿照它的原理自己写一个。

使用起来效果大概是这样:

其实这个东西也是比较容易做的,只要安装了Visual Studio 2010 SDK就可以创建Editor Viewport Adornment项目,在新建的项目的基础上很容易搭建出像这样的扩展。

这个扩展要通过一个XML文件来进行设置,这个XML文件会在安装扩展以后***次启动Visual Studio 2010的时候自动建立在“我的文档”中,文件名为“ItaBackgroundKyuu.config”。

其中使用的参数都是WPF和BCL中的常见数据类型:

  1. public AlignmentX AlignXpublic AlignmentY AlignYpublic Stretch StretchModepublic TileMode TileMode  
  2. public StretchDirection ScaleDir;public Stretch ScaleMode;public HorizontalAlignment HAlign;public VerticalAlignment VAlign; 

在我的机器上(也就是上面的效果图的来源)是这样设置的:

  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <ItaBackgroundConfig2 LayerOpacity="0.5">   
  3.   <BackgroundBrush Opacity="0.5">   
  4.      <Uri>D:\Files\Yuki\Pictures\haoren65.png</Uri>   
  5.      <AlignX>Center</AlignX>   
  6.      <AlignY>Center</AlignY>   
  7.      <StretchMode>Fill</StretchMode>   
  8.      <TileMode>Tile</TileMode>   
  9.    </BackgroundBrush>   
  10.    <BackgroundImage Opacity="1">   
  11.      <Uri>D:\Files\Yuki\Documents\aizawa-hikaru.png</Uri>   
  12.      <ScaleDir>Both</ScaleDir>   
  13.      <ScaleMode>Uniform</ScaleMode>   
  14.      <HAlign>Right</HAlign>   
  15.      <VAlign>Bottom</VAlign>   
  16.    </BackgroundImage>   
  17.    <OverrideSettings>   
  18.      <EditorBackgroundBrush>       
  19. </EditorBackgroundBrush>   
  20.    </OverrideSettings>   
  21.  </ItaBackgroundConfig2>  

在我的实现中使用了两种方式来绘制背景:一种为了兼容之前日本人写的ItaBackgroundImage而使用Image控件;另一种则使用了ImageBrush,可以选择使用图素(Tile)与否。

这里需要说明一下,由于我对图片的单位换算还不熟,所以如果在启用了图素模式的条件下选用了和屏幕的DPI不同的图片(例如我用的haoren65.png——这是我几年前为某个娱乐用途制作的背景图像),就有可能会出现图像被缩小或拉伸之类的现象。

由于我也是刚开始接触Visual Studio 2010扩展开发,所以对于对话框之类的东西暂时也是没办法。配置文件也是使用的XML序列化而非正统的ConfigurationSection+ConfigurationManager模式(在下一个版本中我会把它改好的——如果还有下一个版本的话)。

这里提一下:

  1. var xs = new XmlSerializer(typeof(ItaConfig2), new XmlRootAttribute("ItaBackgroundConfig2"));
  2.  // 这里使用XmlRootAttribute可以改变序列化时根节点的名称
  3. var voidNamespaceMapping = new XmlSerializerNamespaces();
  4. voidNamespaceMapping.Add("", "");xs.Serialize(sw, config, voidNamespaceMapping); 
  5. //在这里使用一个“几乎”为空的XmlSerializerNamespaces可以清除掉序列化时产生的不必要的namespace。 

好了,说了这么多,想下载这个扩展玩一玩的话可以点击这个链接。

特别强调一下:这不是一个完全的、稳定的产物,可能存在这样那样的缺陷。

原文标题:【玩具】给Visual Studio 2010增加背景图片的扩展

链接:http://www.cnblogs.com/NanaLich/archive/2010/10/12/an-ita-background-extension-for-visual-studio-2010-code-editor.html

责任编辑:彭凡 来源: 博客园
相关推荐

2010-09-09 14:38:05

CSS背景图片

2010-08-26 10:26:44

CSS

2010-01-12 09:11:18

Visual StudVisual Stud

2011-09-01 15:16:00

Ubuntu

2010-05-06 14:43:29

Visual Stud

2010-04-27 11:35:05

Oracle Java

2010-02-05 09:06:17

Visual Stud

2009-05-31 10:36:55

微软VS2010Azure

2009-03-19 08:54:15

Windows 7定制登陆界面

2011-08-18 17:24:34

iPhone开发UINavigatio

2009-12-02 09:43:38

Visual Stud

2010-08-18 13:27:15

CSS兼容IE6

2010-05-28 13:30:02

Visual Stud

2009-11-24 09:00:02

Visual Stud

2010-07-29 09:41:23

Visual Stud

2010-07-27 09:40:01

敏捷Visual Stud

2010-03-11 14:37:47

Visual StudScrum

2010-06-12 08:53:17

Visual Stud

2010-01-14 14:12:14

Visual Stud

2010-02-23 09:02:00

Visual Stud
点赞
收藏

51CTO技术栈公众号