Xamarin XAML语言教程使用Xamarin Studio创建XAML(二)
Xamarin XAML语言教程使用Xamarin Studio创建XAML(二)
使用Xamarin Studio创建XAML
Xamarin Studio和Visual Studio创建XAML文件一样,也分为两种创建方式。第一种是创建项目后再创建XAML文件,第二种是创建项目时创建XAML文件。以下对这两种方式进行详细介绍。
1.创建项目后再创建XAML文件
以下我们将以创建项目Hello为例,为开发者讲解创建项目后创建XAML文件的具体操作步骤:
(1)在计算机上找到Xamarin Studio,将其打开,如图1.8所示。
(2)选择“New Solution…”按钮,弹出Choose a template for your new project界面,如图1.9所示。

图1.8 打开Xamarin Studio
(3)选择Multiplatform下的App中的Forms App模板,单击Next按钮,进入到Configure your Forms App界面,如图1.10所示。
(4)在App Name对应的文本框中输入应用程序的名称,这里我们输入的是Hello,单击Next按钮进行Configure your new project界面中,如图1.11所示。
(5)单击Create按钮,一个名为Hello的项目就创建好了。选择菜单中的File|New File…命令,弹出New File界面,如图1.12所示。

图1.9 Choose a template for your new project界面

图1.10 Configure your Forms App界面

图1.11 Configure your new project界面

图1.12 New File界面
(6)选择Forms中的Forms ContentPage Xaml选项,在Name文本框中输入名称,这里我们使用的是默认的名称。单击New按钮,此时一个名为MyPage的Xaml文件就创建好了,如图1.13所示。

图1.13 MyPage文件
2.创建项目时创建XAML文件
在Xamarin Studio中在创建项目的同时创建XAML也是最常用的方式,并且是最为简单的方式。以下我们将以Hello为例,为开发者讲解在创建项目的同时创建XAML的具体操作步骤:
(1)在计算机上找到Xamarin Studio,将其打开。
(2)选择“New Solution…”按钮,弹出Choose a template for your new project界面。
(3)选择Multiplatform下的App中的Forms App模板,单击Next按钮,进入到Configure your Forms App界面。
(4)在App Name对应的文本框中输入应用程序的名称,这里我们输入的是Hello,将最下方的Use XAML for user interface files复选框选中,如图1.14所示。
(5)单击Next按钮,进入Configure your new project界面中。

图1.14 Configure your Forms App界面
(6)单击Create按钮,一个名为Hello的项目就创建好了。我们可以看到在创建的项目中存在一个XAML文件,此文件的名称HelloPage.xaml,如图1.15所示。

图1.15 HelloPage.xaml
注意:在后面内容中,我们主要使用Visual Studio为环境讲解XAML代码的编写。
Xamarin XAML语言教程使用Xamarin Studio创建XAML(二)的更多相关文章
- Xamarin XAML语言教程使用Visual Studio创建XAML
Xamarin XAML语言教程使用Visual Studio创建XAML Xamarin.Forms允许开发人员通过XAML语法对程序的所有用户界面元素进行详细的定制,如文本.按钮.图像和列表框等. ...
- Xamarin XAML语言教程构建ControlTemplate控件模板 (二)
Xamarin XAML语言教程构建ControlTemplate控件模板 (二) (2)打开MainPage.xaml文件,编写代码,将构建的控件模板应用于ContentView中.代码如下: &l ...
- Xamarin XAML语言教程基础语法篇大学霸
Xamarin XAML语言教程基础语法篇大学霸 前 言 Xamarin是一个跨平台开发框架.它可以用来开发iOS.Android.Windows Phone和Mac的应用程序.使用Xamarin框 ...
- Xamarin XAML语言教程Visual Studio中实现XAML预览
Xamarin XAML语言教程Visual Studio中实现XAML预览 每次通过编译运行的方式查看XAML文件效果,需要花费大量的时间.如果开发者使用XAML对UI进行布局和设计,可以通过预览的 ...
- Xamarin XAML语言教程基本视图ContentView
Xamarin XAML语言教程基本视图ContentView 基本视图ContentView 视图是用来呈现具体内容,根据呈现内容不同,使用的视图也不同.其中,最常用的视图为ContentView视 ...
- Xamarin XAML语言教程基本页面ContentPage占用面积(二)
Xamarin XAML语言教程基本页面ContentPage占用面积(二) Xamarin XAML语言教程基本页面ContentPage占用面积(二)内容页面的添加 为了方便用户添加Content ...
- Xamarin XAML语言教程将XAML设计的UI显示到界面
Xamarin XAML语言教程将XAML设计的UI显示到界面 如果通过XAML将UI设计好以后,就可以将XAML中的内容显示给用户了,也就是显示到界面上.由于创建XAML文件方式的不同,所以将XAM ...
- Xamarin XAML语言教程XAML文件结构与解析XAML
Xamarin XAML语言教程XAML文件结构与解析XAML XAML文件结构 在上文中,我们创建XAML文件后,会看到类似图1.16所示的结构 图1.16 结构 其中,.xaml文件和.xaml ...
- Xamarin XAML语言教程构建ControlTemplate控件模板
Xamarin XAML语言教程构建ControlTemplate控件模板 控件模板ControlTemplate ControlTemplate是从Xamarin.Forms 2.1.0开始被引入的 ...
随机推荐
- 每天一个linux命令(33)--du命令
Linux du命令也是查看使用空间的,但是与 df 命令不同的是 Linux du 命令是对文件和目录磁盘使用的空间的查看,还是和df 命令有一些区别的. 1.命令格式: du [选项] [文 ...
- Java调度框架Quartz简单示例
Quartz的大名如雷贯耳,这里就不赘述,而且本文也不作为深入探讨,只是看完Quartz的官方文档后,下个简单示例,至少证明曾经花了点时间学习过,以备不时之需. Quartz使用了SLF4J,所以至少 ...
- selenium 运行之后错误提示Unable to connect to host 127.0.0.1 on port 7055 after 45000 ms. Firefox console output
错误提示: org.openqa.selenium.firefox.NotConnectedException: Unable to connect to host 127.0.0.1 on port ...
- enum类型的本质(转)
原地址:http://www.cppblog.com/chemz/archive/2007/06/05/25578.html 至从C语言开始enum类型就被作为用户自定义分类有限集合常量的方法被引入到 ...
- Xamarin自定义布局系列——ListView的一个自定义实现ItemsControl(横向列表)
在以前写UWP程序的时候,了解到在ListView或者ListBox这类的列表空间中,有一个叫做ItemsPannel的属性,它是所有列表中子元素实际的容器,如果要让列表进行横向排列,只需要在Xaml ...
- (27)IO流小结
字节流 输入字节流: ---------| InputStream 所有输入字节流的基类. 抽象类 ------------| FileInputStream 读取文件的输入字节流 --------- ...
- 手动的写一个structs
为了更好的学习框架的运行机制,这里开始学习框架之前,介绍一个简单的自定义的框架. 需求: 登录:id:aaa,pwd:888登录成功之后,跳转到,index.jsp页面并显示,欢迎你,aaa 注册,页 ...
- 解决华为手机不打印Log信息的问题
在之前安装了Android Studio后,发现了一个很苦恼的事情,就是在程序中的写Log语句,不能正常的在Logcat中打印出来,这对于解决程序bug真是一刀切断,让人无从下手,在各种尝试后,首先我 ...
- flex中创建弹出窗口,并传值
在flex页面中首先创建一个弹出窗口,代码如下: <?xml version="1.0" encoding="utf-8"?> <s:Titl ...
- 如何修改vsftpd的默认根目录/var/ftp/pub到另一个目录?
修改ftp的根目录只要修改/etc/vsftpd/vsftpd.conf文件即可: 加入如下几行: local_root=/var/www/html chroot_local_user=YES ano ...