65.9K
CodeProject 正在变化。 阅读更多。
Home

使用 Visual Studio IDE 创建 Vista 小部件

Oleksii Prosiankin
starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.31/5 (13投票s)

2008年7月1日

CPOL

6分钟阅读

viewsIcon

84936

downloadIcon

2358

本文介绍如何使用 Visual Studio 开发 Vista 小工具。

Run gadget as a Visual Studio Add-In

引言

在我看来，Visual Studio 中缺乏能够帮助开发人员创建 Vista 小工具的工具，这令人感到奇怪和失望。也许这只是暂时的，但现在，我想向您展示一些可以使用 Visual Studio 2005 或 Visual Studio 2008 来帮助开发 Vista 小工具的工具。这些工具包括用于创建 Vista 小工具的 Visual Studio 模板，以及一个用于从项目创建 `.gadget` 文件并运行小工具安装的 Visual Studio 插件。

背景

目前，如果我们想创建 Vista 小工具，应该遵循以下步骤：

  1. 在某个文件夹中创建所有需要的文件夹和重要文件。
  2. 从所有应包含在小工具中的文件夹和文件中创建一个 zip 压缩包。
  3. 将压缩文件的扩展名从 `.zip` 更改为 `.gadget`。
  4. 通过双击运行此文件以启动小工具安装过程。

如果我们想与他人共享我们的工具，则需要执行所有这些过程。

目前我们没有任何工具可以帮助我们使用 Visual Studio 开发 Vista 小工具。在本文中，我建议您使用 Visual Studio 模板来完成第一步，并使用 Visual Studio 插件来自动化第二至第四步。我已经为您准备了 Visual Studio 模板和 Visual Studio 插件，并将尝试解释如何使用它们。

使用代码

您可以下载 `RunVistaGadgetSetupAddIn.zip` 压缩包，其中包含一个用于安装所有必需模板和插件的安装文件，或者尝试手动安装。使用安装文件安装后，尝试打开 `RunVistaGadget` 项目并运行它。它位于安装过程中您为应用程序安装路径设置的路径中。当您运行项目时，会打开一个新的 Visual Studio 窗口，您可以在其中选择具有您小工具的项目，或使用 Vista 小工具模板创建一个新项目。然后，尝试使用插件本身。

尽管我已经准备了一个可用于创建 Vista 小工具项目的现成模板，但创建和使用自己的模板并非难事。但是，在创建自己的模板之前，让我向您展示如何使用已准备好的模板。

我在源代码压缩包 `HelloWorldVistaGadgetSample.zip` 中为您准备了一些模板。其中包含另一个压缩包 `HelloWorldVistaGadget.zip`。如果您想在 Visual Studio 项目列表中看到这样的模板，请将文件移动到此路径：

C:\Users\[User Name]\Documents\Visual Studio 2008\
     Templates\ProjectTemplates\Visual Web Developer\CSharp

当您使用此模板创建 Vista 小工具项目时，您将看到此项目结构：

Vista Gadget Project Structure

您可以自己准备这样的模板。只需创建一个 Web 项目（在此情况下使用哪种语言无关紧要 - VB.NET 或 C#），然后删除 Visual Studio 为该网站准备的所有文件，但 `web.config` 除外。`web.config` 文件应保留，因为我们希望确保 Visual Studio 在下次打开此项目时将其识别为 Web 项目。稍后，当我们使用插件准备小工具时，我们会排除此文件。然后，在此项目中准备所有应包含在您的工具中的文件夹和文件（您必须包含 `gadget.xml` 和一些 HTML 页面）。然后，使用“文件”>>“导出模板...”保存您的模板。当您尝试创建新网站时，您可以在“我的模板”区域看到新的 VS 模板，如下图所示：

Create new web site dialog window with new template

现在，您应该开始开发自己的 Vista 小工具了。我不会在本文中详细介绍如何做到这一点。您可以在这本书中阅读有关创建 Vista 小工具的信息：Creating Vista Gadgets: Using HTML, CSS, and JavaScript with Examples in RSS, AJAX, ActiveX (COM), and Silverlight (Paperback)。

创建小工具后，您会想运行并体验它。要更改插件的设置，您应该转到 Visual Studio 存储所有插件的文件夹，在那里您可以找到四个文件：`RunVistaGadget.AddIn`、`RunVistaGadget.dll`、`Settings.xml` 和 `Ionic.Utils.Zip.dll`（请参见下图）。

Add-In_including.png

这是您可以找到所有这些文件的路径：

C:\Users\[User Name]\Documents\Visual Studio 2008\Addins

文件 `RunVistaGadget.AddIn` 和 `RunVistaGadget.dll` 用于运行此插件。

在 `Settings.xml` 中，您可以定义一些可用于构建小工具的选项。请参见此文件作为示例：

<?xml version="1.0" encoding="utf-8" ?>
<Settings>
    <GadgetFileName>YourGadgetName</GadgetFileName>
    <OutputGadgetDirectory>D:\</OutputGadgetDirectory>
    <ForbiddenFilesRegExpr>^[Ww]eb\.config|[a-zA-Z0-9_ ]+\.gadget$</ForbiddenFilesRegExpr>
</Settings>

您可以看到，我们可以在“GadgetFileName”节点中定义我们小工具的名称。在“OutputGadgetDirectory”节点中，您可以定义插件将在其中创建输出小工具并将中间文件保存在您磁盘上的位置。在“ForbiddenFilesRegExpr”节点中，您可以设置一个正则表达式，以防止将其他类型的文件添加到小工具文件中。我已经为您添加了一个正则表达式，该正则表达式可防止将 `web.config` 文件以及在小工具根文件夹中找到的任何其他小工具文件添加到您的工具中。

此外，我们可以发现该小工具使用了 `Ionic.Utils.Zip.dll` 库。该库可帮助插件创建 zip 压缩包。有关该库的更多详细信息，请此处查找。

打开您的小工具项目，然后尝试使用“RunVistaGadget”菜单项。如果安装过程顺利完成，您将看到常见的小工具 Vista 安装窗口。使用它来安装和评估您的小工具。

我在这里不描述插件的工作原理，因为它的所有功能都在前面的 **背景** 部分的第 2-4 点中有所提及。如果您非常好奇，可以在安装应用程序的路径中找到源文件。

如果您对创建 Visual Studio 插件感兴趣，或者想扩展您的技能并可能改进此插件，我建议阅读这本书：Working With Microsoft Visual Studio 2005。

在本文中，我向您展示了如何创建 Visual Studio Vista 小工具项目模板并从 Visual Studio IDE 中使用它。此外，我还向您展示了如何安装和使用 RunVistaGadget Visual Studio 插件，以便从 Visual Studio IDE 中运行 Vista 小工具。为什么使用 Visual Studio IDE 来创建 Vista 小工具会很方便？

  • 只需选择所需项目，即可打开包含创建小工具文件所需的所有文件的 Vista 小工具项目。
  • 您可以使用您喜欢的源代码管理程序来管理小工具文件的版本和历史记录。
  • 您可以利用 Visual Studio IDE 的优势，例如语法高亮、JavaScript 代码的自动完成表达式等。
  • 您可以在不退出 Visual Studio IDE 的情况下，自动执行运行新版本小工具的过程。
© . All rights reserved.