码迷,mamicode.com
首页 > 移动开发 > 详细

win 10 开发零基础教学:教你做第一个App—— Hello world

时间:2016-07-10 12:23:33      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:

 

期待已久的win10已经发布了,开发者们现在也可以开发win10 app。如果你是win10 开发的小白,如果你没有接触过app开发,不要怕,今天教大家怎么做一个Hello world应用程序!(此教程适合小白,开发者们请无视!)

1、首先打开vs2015,在文件处点击新建——项目,如图:

技术分享

 

选择“通用”——选择“空白应用”,如图并将项目命名为 Hello world,点击确定。

 

技术分享

这时候就新建好了我们的一个空白应用程序。

技术分享

2、首先,我们来认识一下一个空白应用程序的项目组成。

如图所示,点击MainPage.xaml .即可打开程序设计界面。在uwa应用中,主界面是设计视图,我们可以随时查看手机或者PC当前的设计情况。通过如图所示进行切换。我们在看一下右边,是整个项目的组成文件,MainPage.xaml是程序默认的主界面文件,下面还有一个MainPage.xaml.cs。这个是该页面的后台Csharp代码页。

我们程序设计的基本思路就是在前台界面用xaml语言进行界面设计。在后台用c#语言来实现相关的功能。

技术分享

3、下面。开始我们的第一个win 10 应用。Hello world的制作!

Hello world   App功能:点击一个按钮,会弹出一个显示框,上面显示“Hello World”。

开始:

一开始学习,我们可以直接在左边的工具箱拖一个控件放到设计器的屏幕上。我们这里用手机设计界面做演示,pc界面是一样的道理。我们拖一个Button到手机设计器的屏幕上。如图所示。

技术分享

 

接下来会出现如下图所示的界面,我们来看一下。当拖一个Button到界面时 ,在xaml代码里会自动生成一段代码。 Button代表按钮。Content 的意思是显示内容,我们可以看到,Button上显示的就是xaml代码之中Content 部分的内容。

技术分享

我们让Button的内容显示为“确定”,就把它的Content部分给为“确定”。我们要实现按钮的点击,如图,接下来我们要做的就是为按钮添加单击事件。鼠标点一下Button ,在右边会出现Button的属性框,我们会看到一个闪电标志。这个就是代表  “事件”。我们应用中进行交互,实际上就是通过事件的触发来完成的。

技术分享

单击事件 叫做 Click  。我们可以看到第一个属性就是Click。我们双击右边的属性框。

技术分享

这时会自动生成一个点击事件。button_Click。同时在中间的xaml代码段会添加如图所示的一个事件。这是会跳转到后台代码处。如下图

技术分享

如图即为该主页面的C sharp后台代码页面。我们要执行的动作都会在这里通过c#代码执行。如图方框即为刚才点击后生成的单击事件处理函数。我们需要做的就是在这个函数内实现弹出显示框并显示文本“Hello World”。

技术分享

现在我们来添加一句简单的代码 :

await new MessageDialog(“Hello World”).ShowAsync();

这句话怎么理解呢? 我们知道 ,c#中,需要什么 就 new 一个,所以我们需要new 一个对话框,就是  MessageDialog 。所以就是 new MessageDialog( ),这里MessageDialog需要导入命名空间。用鼠标点击上方的提示就可以了。MessageDialog( )括号里就是要在应用中提示框显示的内容。我们写入“Hello World”。将来就会在应用中显示Hello World。

技术分享

技术分享

 

这样我们就添加成功了一句代码,由于是异步操作,所以需要加关键字,这个记住就可以了。如图所示。这样,我们的代码就写完了。

技术分享

 

我们接下来就是要运行了

技术分享

我们先用手机模拟器运行。点击如图所示,选择下方的模拟器,点击绿色的箭头开始运行:技术分享

技术分享

 

程序运行起来后,我们点击确定。这时就会弹出一个对话框,上面显示Hello  World !

这样我们 的第一个win10 app就已经做好了!欢呼吧!

技术分享

 

再来运行一下pc上的。选择本地计算机。点击运行。技术分享

pc应用也运行起来了,点击确定,显示Hello world!

技术分享

 

至此所有内容全部结束了。接下来可以将你的app部署到win10系统的手机上或者电脑上!选择Device,选择“部署”。

技术分享

 

这样,第一个win 10 App Hello World 就做完了!我相信,这么详细。即使是超级大白,也是秒懂的啊!加油吧!让我们携手进行win10 开发!

——IT追梦园

win 10 开发零基础教学:教你做第一个App—— Hello world

标签:

原文地址:http://www.cnblogs.com/wpali/p/5657358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!