一,打开VS =>新建项目,如下截图操作:

UWP VS创建UWP应用项目

二,选择目标版本:

UWP VS创建UWP应用项目

三,项目创建完成:

UWP VS创建UWP应用项目

四,为新建的项目应用改变一个自己喜欢的图标【Assets,Package.appxmanifest】。

Assets 中文的意思是资产,打开文件夹可以看到几张默认就已存在的图片,这几张图片就是当前应用的图标,启动你的程序,桌面下方显示。

可以在Assets文件夹下创建新的文件夹,我这里创建一个名为Image的文件夹,然后把自己喜欢的图标放在Image文件夹下。

然后打开项目中的Package.appxmanifest,打开后会看见如下截图界面:

UWP VS创建UWP应用项目

选择视觉对象资产:

UWP VS创建UWP应用项目

然后=》小磁贴=》大磁贴=》应用图标,选择你先前存放在Image中的图片。

UWP VS创建UWP应用项目

最后Debug你的应用程序,效果如下:

UWP VS创建UWP应用项目

五,为应用添加一个简单的控件【MainPage.xaml】:

打开MainPage.xaml页面,我们来添加一个控件按钮Button.

UWP VS创建UWP应用项目

效果截图:

UWP VS创建UWP应用项目

然后写一个鼠标放到按钮上有提示信息:

UWP VS创建UWP应用项目

效果截图:

UWP VS创建UWP应用项目

六,在项目中添加Button样式,并应用样式文件【App.xaml】:

在项目中创建一个文件夹名为Styles,然后右键添加=》新建项=》资源字典,命名为ButtonStyle。

然后在App.xaml文件中写入:

UWP VS创建UWP应用项目

返回MainPage.xaml页,选择设计,鼠标右键点击设计页上面的按钮=》编辑模板=》编辑副本=》资源字典=》ButtonStyle.xaml

现在简单改一下按钮的形状,【圆形】,打开ButtonStyle.xaml文件,我们找到Button的默认Template模板,然后进行更改如下:

UWP VS创建UWP应用项目

然后将Button的Height和Width设置成60,如下:

UWP VS创建UWP应用项目

效果截图:

UWP VS创建UWP应用项目

 

 

 

相关文章: