SharePoint开发中如何使用Visual Studio给你的Web Part添加图标

SharePoint开发中如何使用Visual Studio给你的Web Part添加图标

直接进入正题。以Hello World为例。

1. 以管理员身份打开VS，新建空白SharePoint项目。点击确定。部署为场解决方案。

2. 右击项目添加新项--Web部件，命名HelloWorldWebPart。

3. 编辑代码：

        在部署之前，这里我要给Web部件增加一个图标。每个Web部件都有两个图标：一个在Web部件库标识Web部件，一个在页面上标识Web部件。使用一个图标是简单的戏法，可以增强你的Web部件，通常也几乎不需要代码。

        Web部件定义包含两个属性指定图标，一个是CatalogIconImageUrl，指定图标文件的URL位置。必须是16x16像素的图片，PNG/GIF或者JPEG格式。这个图标在Web部件库中标识Web部件，强烈建议在这里使用图标，将帮助你的用户发现这个Web部件，并给以专业的印象。

        第二个图标是TitleIconImageUrl，可以用来在Web部件标题栏左侧显示。可以和第一个图标大小相同。其实并不建议你在这里使用图标。通常它会影响Web部件的视觉效果。如果其他Web部件没有图标，这样反而有负面效果。

       你可以在.webpart文件中指定图标，或者在Web部件类中覆盖。当然，最简单还是在.webpart文件中修改。

        首先你要在项目中增加图标。右击项目，选择添加--SharePoint图片映射文件夹。VS将添加文件夹到项目，创建子文件夹，以你的项目名命名。在这里你要添加图标图片文件。

        然后要编辑.webpart文件：

4. 点击生成--部署解决方案。

5. 添加Web部件到SharePoint页面可以看到：