在Visual Studio使用C++开发Metro应用

Visual Studio 11 消费者预览版支持使用 C++ 创建 Metro 风格的应用程序，这对广大本地应用开发者来说是一个大消息。这里我们来创建一个非常简单的 Metro 应用。

启动 Visual Studio 并通过 Visual C++>Windows Metro Style>Blank Application 模板创建一个项目.

 “Hello world”

打开 BlankPage.xaml 文件，滚动到代码底部并定位 Grid 元素，然后插入一个 TextBlock，代码如下：

代码如下:

<Grid Background="{StaticResource ApplicationPageBackgroundBrush}">
    <TextBlock Text="Hello world" Margin="12,20" Style="{StaticResource SubheaderTextStyle}"/>
</Grid>

Margin 属性是文本离边界之间的距离值，这里我们设置左边距离 12px，顶部距离 20px。你也可以修改 FontSize 属性值来改变字体大小。

如果你现在运行应用程序，那将会是一个黑屏上显示 Hello world 文本在左上角。你可以通过 BlankPage.xaml 来定义应用的 UI 外观，但代码逻辑存放在 BlankPage.xaml.h 和BlankPage.xaml.cpp 文件中，这两个文件和 BlankPage.xaml 放在同一个目录。

这是一个普通的 C++ 类，但有所不同，有一些新的扩展语法，成为 C++/CX，意思是 Component extensions. 纯 C++ 不能用于开发 Metro 应用，但使用纯 WinRT 会让代码变得很笨重，因为 Metro 世界所有都是 COM 对象。C++/CX 扩展可以让 C++ 程序员无需了解太多非标准的扩展。通过 AddRef 和 Release 的调用可隐藏更多的技术细节。

C++ to XAML

你可以通过添加 x:Name="txtHello" 来为在 XAML 定义的 TextBlock 取个名字，并可设置值。然后你就可以使用如下代码来操作该文本元素。将下面代码添加到 BlankPage::OnNavigatedTo 方法：


txtHello->Text = "Hello world!!!";

运行程序，你将看到如下图所示的结果：

虽然上述例子并不值得太激动，不过想想你当时学习 Win32、MFC 和 WTL 开发，这已经是非常简单了。

赞 (0)

相关推荐

  • 在Visual Studio上构建C++的GUI框架wxWidgets的开发环境

    在Visual Studio上构建C++的GUI框架wxWidgets的开发环境

    本文使用的Unicode+DLL+Debug的方式,因为不想最后生成的exe文件太大. 环境搭建步骤如下: 1.下载wxWidgets包: 登录wxWidgets的下载页面:http://www.wxwidgets.org/downloads 下载最新的Stable Release稳定版,我这里用旧的2.8.12版作演示. 2.将wxMSW-2.8.12.zip解压到D盘根目录下. 转到D:\wxMSW-2.8.12\build\msw目录,用VS2005打开wx.dsw,会有提示转换项目: 选

  • 学习C++编程的必备软件

    学习C++编程的必备软件

    1. 前言 这一课我们来做一些 C++ 开发前的准备工作. 2. 编程的必要工具 依你看,对编程来说,什么软件是必要的呢? 如果你认真学了上一课,那你至少可以说出一种吧. 对了,就是编译器.这个重要的程序可以把你的源代码(用高级语言如 C 语言写的指令)转换成电脑可以理解的二进制码(只包含 0 和 1 的,类似 01100110001111011101010... ). 上一课我们也提了一下,每种高级语言都有对应的编译器(当然对于 Python 这样的解释性语言,就不需要编译了),光是 C++

  • 基于C++自动化编译工具的使用详解

    @echo off  title=HYTradingGateway自动化编译打包工具mode con cols=80 lines=40echo -------------------------------------------------------------echo 使用说明echo.                                                             echo HYTradingGateway自动化编译打包工具.修改echo 使用前提

  • Linux上搭建C/C++IDE开发环境

    Linux上搭建C/C++IDE开发环境

    文/张善友 Redhat linux上面没有提供Anjuta软件包,上面提供了一个Glade应用程序界面设计工具.Linux上面使用Anjuta和Glade以及Glademm软件包可以搭建一个linux下面进行C/C++软件开发的IDE环境,可以进行GTK+/Gnome的应用程序开发. 以前开发 Linux 程序时写出好的图形化用户界面比较难.在 GIMP 工具包 (GTK)诞生之后,这件事就变得比较容易了.当Damon Chaplin 写出 GLADE 这个用于在 GTK 环境下生成图形化用户

  • 使用Visual Studio 2017作为Linux C++开发工具

    使用Visual Studio 2017作为Linux C++开发工具

    Visual Studio 2017 微软的宇宙第一IDE Visual Studio 2017正式版出来了,地址是:https://www.visualstudio.com/vs/whatsnew/ VS2017亮点很多,包括模块化安装.启动速度加快(第一次启动加快50%以上).github插件.启动页完善.增强代码提示功能,等等,更多参考:https://www.visualstudio.com/en-us/news/releasenotes/vs2017-relnotes. Visual

  • 在Visual Studio使用C++开发Metro应用

    在Visual Studio使用C++开发Metro应用

    Visual Studio 11 消费者预览版支持使用 C++ 创建 Metro 风格的应用程序,这对广大本地应用开发者来说是一个大消息.这里我们来创建一个非常简单的 Metro 应用. 启动 Visual Studio 并通过 Visual C++>Windows Metro Style>Blank Application 模板创建一个项目.  "Hello world" 打开 BlankPage.xaml 文件,滚动到代码底部并定位 Grid 元素,然后插入一个 Tex

  • Visual Studio 2010 前端开发工具/扩展/插件推荐

    Visual Studio 2010 前端开发工具/扩展/插件推荐

    怎么样让Visual Studio更好地编写HTML5, CSS3, JavaScript, jQuery,换句话说就是如何更好地做前端开发.Visual Studio 2010不管是旗舰版还是免费版都没有对前端开发方面做充分的优化.不要希望VS默认安装这些东西,我们有很多VS的扩展可是使用. 这里列出的大多数扩展都可以使用Extension Manager (Tools > Extension Manager)来安装,你可以通过Visual Studio Gallery网站下载这些扩展. We

  • windows下安装QT及visual studio 2017搭建开发环境

    1.环境搭建 这里并不是说qt必须要和visual studio结合使用,不过用习惯了visual studio开发,继续使用可节省开发时间,并大大提供便利性. 关于安装过程这里不再详细赘述,软件下载链接如下: visual studio:https://www.visualstudio.com/zh-hans/downloads/ QT:http://download.qt.io/archive/qt/(这里推荐安装最新的,原因是vs2017不支持一些老版本的makefile文件生成,这个在文

  • 使用Visual Studio进行动态链接库开发流程

    使用Visual Studio进行动态链接库开发流程

    一.动态链接库和动态链接 动态链接库:在 Windows 中,动态链接库 (DLL) 是作为函数和资源的共享库的一种可执行文件.在调用它们的应用程序的上下文中运行. 动态链接:动态链接是操作系统功能.操作系统将 DLL 加载到应用程序的内存空间中,它可使执行文件调用函数或使用存储在单独文件中的资源. 动态链接库有什么用: DLL 可以在可执行文件之间轻松共享函数和资源. 多个应用程序可同时访问内存中单个 DLL 副本的内容. 二.和静态链接的区别 这部分我们只需要知道静态链接把所有的执行需要的库

  • 基于visual studio code + react 开发环境搭建过程

    基于visual studio code + react 开发环境搭建过程

    开发环境 windows 开发工具 visual studio code node 安装和 npm windows 安装node 可以直接在 node官网直接下载直接当作普通软件安装即可. 安装完成可以在控制台中运行node测试是否安装成功 win + r 输入 cmd ,直接在终端输入node -v 输出版本号及已经成功安装. 目前新版本的node自带npm(npm 是随同 node 一起安装的包管理工具).这里安装好了 node并且测试安装成功之后,可以继续在控制台输入 npm -v 检查是

  • Visual Studio 2017 ASP.NET Core开发

    Visual Studio 2017 ASP.NET Core开发

    Visual Studio 2017 ASP.NET Core开发,Visual Studio 2017 已经内置ASP.NET Core 开发工具. 在选择.NET Core 功能安装以后就可以进行ASP.NET Core开发. 新的ASP.NET Core项目为csproj ,打开之前的xproj项目,会提示单向升级,确认以后,会自动帮你升级至csproj. 新建项目 VS 2017新建ASP.NET Core 项目: 确定以后 可选择ASP.NET Core 1.0 和ASP.NET Co

  • Visual Studio 2019配置qt开发环境的搭建过程

    宇宙第一IDE Visual Studio 配置 Qt 开发环境

  • Visual Studio Code配置C/C++开发环境的教程图解

    VS code的环境配置真是要了我的老命-- 初始配置 1.前往官网下载VS code并安装 官网链接:https://code.visualstudio.com 2.下载mingw64 官网链接:http://mingw-w64.org/doku.php 自行选择合适的系统版本进行下载 下载后将bin目录添加到环境变量中 3.安装扩展 如果看不习惯英文,可以安装中文包扩展 安装C/C++扩展 调试运行环境 1.新建一个CPP文件 2.创建launch.json文件 选择编译按钮->自定义运行和

  • 使用Visual Studio 2022开发前端的详细教程

    使用Visual Studio 2022开发前端的详细教程

    目录 创建宿主项目 安装前端库 在浏览器引入模块 模块化开发 前端开发环境多数基于Node.js,好处不多说了.但与使用Visual Studio开发的后端Asp.Net Core项目一起调试,却不是很方便,所以试着在Visual Studio 2022中开发前端. 创建宿主项目 首先创建一个空的Asp.Net Core项目作为宿主,创建完成后将Program.cs中的代码修改如下: var builder = WebApplication.CreateBuilder(args); var ap

  • Visual Studio 2022最新版安装教程(图文详解)

    Visual Studio 2022最新版安装教程(图文详解)

    目录 一.官网下载 二.安装启动 三.项目测试 四.背景图设置 一.官网下载 1.点击蓝色链接---->Visual Studio官网,进入之后是这个界面,选择社区版Community下载(社区版Community是对个人免费的,一共有三个版本),这里下载的是.exe 可执行文件 ,比较小,大约1.57M. 2.安装文件图示: 二.安装启动 1.下载好后,放到桌面,点开 2.点击继续,等待下载安装一段时间后,进入到下图页面,来进行配置工作负荷 3.找桌面应用和移动应用模块中的使用C++的桌面开发

随机推荐