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(二)的更多相关文章

  1. Xamarin XAML语言教程使用Visual Studio创建XAML

    Xamarin XAML语言教程使用Visual Studio创建XAML Xamarin.Forms允许开发人员通过XAML语法对程序的所有用户界面元素进行详细的定制,如文本.按钮.图像和列表框等. ...

  2. Xamarin XAML语言教程构建ControlTemplate控件模板 (二)

    Xamarin XAML语言教程构建ControlTemplate控件模板 (二) (2)打开MainPage.xaml文件,编写代码,将构建的控件模板应用于ContentView中.代码如下: &l ...

  3. Xamarin XAML语言教程基础语法篇大学霸

    Xamarin XAML语言教程基础语法篇大学霸 前  言 Xamarin是一个跨平台开发框架.它可以用来开发iOS.Android.Windows Phone和Mac的应用程序.使用Xamarin框 ...

  4. Xamarin XAML语言教程Visual Studio中实现XAML预览

    Xamarin XAML语言教程Visual Studio中实现XAML预览 每次通过编译运行的方式查看XAML文件效果,需要花费大量的时间.如果开发者使用XAML对UI进行布局和设计,可以通过预览的 ...

  5. Xamarin XAML语言教程基本视图ContentView

    Xamarin XAML语言教程基本视图ContentView 基本视图ContentView 视图是用来呈现具体内容,根据呈现内容不同,使用的视图也不同.其中,最常用的视图为ContentView视 ...

  6. Xamarin XAML语言教程基本页面ContentPage占用面积(二)

    Xamarin XAML语言教程基本页面ContentPage占用面积(二) Xamarin XAML语言教程基本页面ContentPage占用面积(二)内容页面的添加 为了方便用户添加Content ...

  7. Xamarin XAML语言教程将XAML设计的UI显示到界面

    Xamarin XAML语言教程将XAML设计的UI显示到界面 如果通过XAML将UI设计好以后,就可以将XAML中的内容显示给用户了,也就是显示到界面上.由于创建XAML文件方式的不同,所以将XAM ...

  8. Xamarin XAML语言教程XAML文件结构与解析XAML

    Xamarin XAML语言教程XAML文件结构与解析XAML XAML文件结构 在上文中,我们创建XAML文件后,会看到类似图1.16所示的结构 图1.16  结构 其中,.xaml文件和.xaml ...

  9. Xamarin XAML语言教程构建ControlTemplate控件模板

    Xamarin XAML语言教程构建ControlTemplate控件模板 控件模板ControlTemplate ControlTemplate是从Xamarin.Forms 2.1.0开始被引入的 ...

随机推荐

  1. Protobuf学习 - 入门

    古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 -- 苏轼·<晁错论> 从公司的项目源码中看到了这个东西,觉得挺好用的,写篇博客做下小总结.下面的操作以C++为编程语言,protoc的版 ...

  2. lxd容器之GPU发现和加载

    lxd gpu设备发现: // /dev/nvidia[0-9]+ type nvidiaGpuCards struct { path string major int minor int id st ...

  3. gulp快速入门&初体验

    前言 一句话先 gulp 是一个可以简单和自动化"管理"前端文件的构建工具 先说我以前的主要工作,我主要是做游戏服务端的,用c++/python,所以我对东西的概念理解难免要套到自 ...

  4. ERP实施顾问是干什么的?

    ERP实施序列的人员,统称为ERP实施顾问. ERP实施顾问“是把公司的ERP实施作为己任,并投入大量的人力和财力以实现这一目标的群体”.他们精通ERP理论与ERP软件的使用方法,熟练运用项目实施方法 ...

  5. SQL中PIVOT和UNPIVOT行列转换

    DECLARE @sql_col VARCHAR(8000); DECLARE @sql_str VARCHAR(8000); DECLARE @sql_ VARCHAR(MAX); SELECT @ ...

  6. c# 将匿名类或者集合转Json格式数据一些方法

    要说写这个功能呢也是因为工作需要,白天呢上班写个Web页面需要ajax请求后台并将数据以Json格式传会前端,由于公司特殊性吧,不能连外网(很苦比).所以只有等到晚上回家上网边查边写! public ...

  7. 对象作为 map 的 key 时,需要重写 equals 方法和 hashCode 方法

    对象作为 map 的 key 时,需要重写 hashCode 和 equals方法 如果没有重写 hashCode 方法,那么下面的代码示例会输出 null 我们首先定义一个对象:BmapPoint, ...

  8. SLF4J 的几种实际应用模式--之三:JCL-Over-SLF4J+SLF4J

    我们前面已经讲过了 SLF4J 的两种用法:SLF4J+Log4J  和 SLF4J+Logback,那是在比较理想的情况下,所用组件只使用了 SLF4J 这一种统一日志框架的时候.可是 JCL 一直 ...

  9. Delphi的Hint介绍以及用其重写气泡提示以达到好看的效果

    Delphi中使用提示是如此简单,只需将欲使用Hint的控件作如下设置: ShowHint := True; Hint := ‘提示信息’; 不必写一行代码,相当方便. 但有时我们又想自己定制提示的效 ...

  10. Zeppelin interperter 模式设置总结

    如有错漏,望请指正,不胜感激. 参考:[zeppelin官网]:https://zeppelin.apache.org/docs/latest/interpreter/spark.html#inter ...