Qt转WP7 第3章Windows Phone开发和设计工具.docx

1、Qt转WP7 第3章Windows Phone开发和设计工具Qt的涡喷7 -第3章：Windows Phone开发和设计工具 Date: Monday, September 19, 2011, 5:18:57 PM 日期：星期一，2011年9月19日，下午5点18分57秒 Tags: Qt 标签技术： Qt Tweet 鸣叫 Back to Qt to WP7 Guide contents 返回到Qt WP7的指南内容 With the release of the Windows Phone (WP) developer tools, Microsoft brings the user-fr

2、iendly, high productivity Visual Studio Development environment to WP. 随着版本的Windows电话（WP）的开发工具，微软将用户友好的，高生产力的Visual Studio开发环境可湿性粉剂。 As Qt developer you are familiar with Qt Creator and Qt SDK so you can quickly migrate to WP developer tools and work with ease. 作为Qt开发人员，你熟悉的Qt Creator和Qt SDK，所以你可以快速

3、迁移到WP的开发工具和工作轻松。 Comparing Windows Phone and Symbian Qt Tools Windows手机和Symbian Qt工具的比较 In Symbian Qt application development, Qt Creator is a cross-platform Integrated Development Environment (IDE) tailored to the needs of Qt application developers. 在Symbian Qt应用程序开发， Qt Creator的是一个跨平台集成开发环境（IDE）针对

4、Qt应用程序开发人员的需求 。 Equivalent IDE for native Symbian C+ application development is Carbide c+ integrating device & platform specific Symbian SDKs and emulators. 等效IDE的本地Symbian C + +应用程序开发是硬质合金C + +集成设备与平台特定的Symbian SDK和模拟器。 In WP, Visual Studio 2010 Express for Windows Phone provides a full-featured I

5、DE for WP application development. 针对Windows Phone的Visual Studio 2010 Express的在WP， WP应用程序开发提供一个全功能的IDE 。 Visual Studio 2010 facilitates designing, developing and debugging of Windows Phone applications. Visual Studio 2010中有利于Windows Phone应用程序的设计，开发和调试。 Its worth noticing that Visual Studio and Qt Vi

6、sual Studio Add-in can also be used for Qt application development. 值得注意的是Visual Studio和Qt Visual Studio中添加也可以使用Qt应用程序开发。 Other essential WP tools that help you through the development cycle of the Windows Phone application are: 通过您的Windows Phone应用程序的开发周期，帮助其他的必不可少的可湿性粉剂工具是： Expression Blend Express

7、ion Blend中 XNA Game Studio XNA游戏工作室 Windows Phone Emulator Windows手机模拟器的 Silverlight for Windows Phone Toolkit Windows手机工具箱中的 Silverlight Visual Studio and the other above-mentioned WP application development tools offer similar functionality that is provided by Qt Creator and the Symbian Qt applica

8、tion development tools. Visual Studio和其他上述可湿性粉剂的应用开发工具提供的Qt Creator和Symbian Qt应用程序开发工具提供类似的功能。 The following table gives an overview of the functionality of the most important development tools on both Qt and WP platforms. 下表给出了Qt和WP平台上最重要的开发工具的功能的概述。 Functionality 功能 Audience 观众 Qt tools Qt工具 Windo

9、ws Phone tools Windows手机工具 Primary UI design: Colors, gradients and animation 主用户界面设计：颜色，渐变和动画 UI designers UI设计师 Qt Quick Designer, Qt Designer Qt的快速设计，Qt设计器 Expression Blend Expression Blend中 UI design UI设计 UI designers and programmers UI设计师和程序员 Qt Quick Designer and Qt Designer integrated to Qt C

10、reator IDE Qt的快速设计和Qt设计器集成到Qt Creator IDE中 Visual Studio 2010 Express and Expression Blend for Windows Phone Visual Studio 2010的Express和表达为Windows Phone混合 Application development (coding) 应用程序开发（编码） Programmers 程序员 Qt SDK including Qt Creator IDE Qt的SDK包括Qt Creator IDE中 Visual Studio 2010 Express fo

11、r Windows Phone, Silverlight for Windows Phone Toolkit 的Visual Studio 2010 Express的Windows手机，Windows手机工具箱中的Silverlight Game development (coding) 游戏开发（编码） Programmers 程序员 Qt SDK including Qt Creator IDE Qt的SDK包括Qt Creator IDE中 XNA Game Studio XNA游戏工作室 Testing / Emulation 测试/仿真 Testers 测试仪 Qt Simulato

12、r in Qt SDK, QML Viewer Qt的模拟器在Qt SDK，QML的浏览器 Windows Phone Emulator in Visual Studio 2010 Express 在Visual Studio 2010速成版的Windows手机模拟器 Documentation 文档 Development team and stakeholders 开发团队和利益相关者 Doxygen, Qt Assistant Doxygen的，Qt助手 NDoc, Sandcastle, Doxygen, Microsoft Help System NDoc的沙堡，Doxygen的，微

13、软的帮助系统 Qt and Windows Phone application development tools Qt和Windows手机应用程序开发工具 The WP toolset ensures that the entire team of designers, developers and testers familiar with Qt toolset find it easy to migrate to the WP development. WP工具集，确保整个团队的设计者，开发者和测试人员熟悉Qt的工具集，会发现很容易迁移到WP的发展 。 Development Life

14、Cycle and Windows Phone Tools 开发生命周期和Windows手机工具 WP toolset is designed to address the co-operation and needs of different members in application development team. WP工具包旨在解决的合作，并在应用程序开发团队不同成员的需要 。 In a similar fashion to Qt Quick Designer and Qt Creator in Symbian Qt, Expression Blend and Visual Stu

15、dio facilitate a close collaboration between WP designers and developers. Qt的快速设计和Qt Creator的Qt在Symbian，Expression Blend和Visual Studio中以类似的方式，促进可湿性粉剂设计师和开发人员之间的密切合作。 Both these tools share the same file structure and source files. 这些工具都共享相同的文件结构和源文件。 Expression Blend uses XAML for UI design and the

16、XAML is consumed by Visual Studio. Expression Blend中使用UI设计和XAML XAML是由Visual Studio消耗。 This system allows separation of responsibilities between the designer and the developer while allowing them to work together seamlessly, as illustrated below. 该系统允许设计师和开发人员之间的职责分离，同时让他们无缝地协同工作，如下所示。 WP toolset su

17、pports development team co-operation 可湿性粉剂工具集，支持开发团队合作 Managing projects in Visual Studio 2010 在Visual Studio 2010管理项目 Like Qt Creator, Visual Studio 2010 Express for WP is a fully-featured IDE. 的Visual Studio 2010 Express的可湿性粉剂和Qt Creator的一样，是一个全功能的IDE 。 Visual Studio 2010 allows you to: Visual Stu

18、dio 2010中可以让您： Manage the entire structure of the development project, the source and the resource files管理开发项目的整个结构，源和资源文件 Configure the application codebase, known as Visual Studio Solution, as a collection of projects in a separate functional unit配置项目的集合在一个独立的功能单元的应用程序代码库，被称为Visual Studio解决方案， Wit

19、h Visual Studio 2010, you can manage source files, share code and manage the work among team members. 与Visual Studio 2010，您可以管理源文件，代码共享和管理团队成员之间的工作 。 Visual Studio integrates a compiler and a debugger. Visual Studio中集成了编译器和调试器。 You can access both the compiler and the debugger either from the GUI or

20、 from the command line. 您可以访问，无论是从GUI或命令行编译器和调试器 。 Creating a new basic Silverlight application with Visual Studio is straightforward. 创建一个新的基本的Silverlight Visual Studio应用程序非常简单。 We start WP development by creating a simple ShoppingList example application step by step. 首先，我们创建一个简单的ShoppingList例如应用一

21、步一步可湿性粉剂发展。 1. Start Visual Studio 2010 Express for WP from Start menu. 1，开始从“ 开始”菜单中的可湿性粉剂的Visual Studio 2010速成 。 2. In Visual Studio 2010, open File menu and click New Project . 2，在Visual Studio 2010中，打开文件菜单，单击新建项目 。 3. In the New Project dialog box, choose Visual C# templates from the Installed t

22、emplates . 3，在新建项目对话框中，选择“从已安装的模板的Visual C模板。 4. Choose Silverlight for Windows Phone templates and select Windows Phone Application . 4， 为Windows Phone模板选择Silverlight和选择Windows Phone应用程式 。 5. In the Name text box, enter name ShoppingList for project. 5，在“ 名称”文本框中，输入项目名称ShoppingList。 Select location

23、 for ShoppingList project and click OK . ShoppingList项目选择的位置，然后单击 “确定“。 6. In the opening dialog, select Windows Phone 7.1 from the Target Windows Phone OS Version drop-down list and click OK . 6，在打开的对话框中，选择目标Windows手机OS版本下拉列表中的Windows Phone 7.1，然后单击确定 。 Visual Studio 2010 creates the new project .

24、Visual Studio 2010中创建新的项目。 The Solution Explorer pane displays the solution that you created. 解决方案资源管理器“窗格中显示您创建的解决方案。 This solution has only a single project containing the sources, resources and properties. 该解决方案只有一个单一的项目，其中包含的来源，资源和属性。 New Windows Phone Silverlight application in Visual Studio 新的

25、Windows Phone Silverlight应用程序在Visual Studio Note : Unlike Qt Creator, Visual Studio 2010 Express for WP does not provide integration with source control systems. 注 ：Qt Creator的不同的Visual Studio 2010 Express的可湿性粉剂不提供源代码控制系统集成。 The Visual Studio Professional edition provides features such as integratio

26、n with various source control systems like Subversion. Visual Studio专业版提供了功能，如各种源集成控制系统，就像Subversion。 You can also use Visual Studio Team System, which is designed for greater communication and collaboration among the development teams. 您还可以使用Visual Studio团队系统，这是更大的开发团队之间的沟通和合作而设计的。 Windows Phone UI

27、 Design Tools Windows手机的用户界面设计工具 The WP developer tools for UI design include: UI设计的WP的开发工具包括 ： Visual Studio UI Designer Visual Studio的UI设计师 Expression Blend Expression Blend中 As a basis to application UI design and UI design tools, WP uses a specific XML markup language, XAML, for the UI specifica

28、tion. 作为一个应用程序的UI设计和用户界面设计工具的基础上，WP采用了一个特殊的XML标记语言，XAML中，UI规范。 In Qt Quick, UI specification is constructed using JavaScript-based QML UI definition language. 在Qt快速，UI规范使用基于JavaScript的QML的UI定义语言。 Visual Studio UI Designer for Windows Phone Visual Studio的用户界面设计的Windows Phone Visual Studio UI Designer

29、 for WP has a similar purpose and set of features compared to the Qt Quick Designer & Qt Designer integrated to Qt Creator so Qt application developers will find it easy to use. Visual Studio的用户界面设计可湿性粉剂也有类似的目的相比，Qt的快速设计和Qt Creator的Qt Designer的集成，使Qt应用程序开发人员会发现很容易使用的功能和设置。 Basic application UI desig

30、n with Visual Studio UI Designer is simple. Basic应用程序与Visual Studio的用户界面设计UI设计非常简单 。 In our example project, the main page for the ShoppingList application, MainPage.xaml , is already open in the Visual Studio UI Designer for editing. 在我们的例子项目中，ShoppingList应用程序，MainPage.xaml中，主网页已经打开在Visual Studio编辑

31、UI设计师 。 To change the titles of the application and the current page and to add a text block to applications content area, do the following: 要改变的应用程序和当前页面的标题，并添加一个文本块到应用程序的内容区域，做到以下几点： 1. Right-click the application title MY APPLICATION in Visual Studio UI Designer and select Properties . 1。右键单击应用程序

32、的标题我在Visual Studio的UI设计中的应用，并选择 “属性“。 2. In the Properties window, select Text and enter SHOPPING LIST . 2，在属性窗口中，选择“ 文本”，输入购物清单 。 3. Similarly, change the title of the page by entering My List in the Text property of the page title. 3，同样，改变页面标题，页面标题的 Text属性中输入我的清单。 4. Drag a TextBlock from the Toolbox. Place it on top of the content panel. 4，从工具箱拖动一个 TextBlock它放置在内容面板的顶部 。 5. Update the text blocks Text property to Item . 5。文本块的更新项 的Text属性。 Application and page title changed in ShoppingList applic