现代的用户界面是由各种视觉对象构成的。 根据操作系统的不同,这些可视对象可能会有不同的名称(控件,元素,视图,小部件),但它们都专注于演示或交互作用或两者兼而有之。
在Xamarin.Forms中,屏幕上出现的对象统称为可视元素。 它们分为三大类:
Xamarin.Forms应用程序由一个或多个页面组成。 一个页面通常占据屏幕的全部(或至少大面积)。 某些应用程序只包含一个页面,而其他应用程序允许在多个页面之间进行导航。 在本书的许多早期章节中,您只会看到一种类型的页面,称为ContentPage。
在每个页面上,视觉元素被组织在父子层次结构中。 一个“页面”的孩子通常是某种布局来组织视觉效果。 一些布局有一个孩子,但许多布局有多个孩子,布局自己排列。 这些孩子可以是其他布局或意见。 不同类型的布局将儿童安排在一个堆栈中,以二维网格或更自由的方式排列。 然而在本章中,我们的页面只包含一个孩子。
Xamarin.Forms中的术语“视图”表示熟悉的演示文稿类型和交互式对象:文本,位图,按钮,文本输入字段,滑块,开关,进度条,日期和时间选取器以及您自己设计的其他类型。 在其他编程环境中,这些通常被称为控件或小部件。本书将它们称为视图或元素。 在本章中,您将遇到用于显示文本的标签视图。
问好
使用Microsoft Visual Studio或Xamarin Studio,让我们使用标准模板创建一个新的Xamarin.Forms应用程序。 这个过程创建了一个包含多达六个项目的解决方案:用于iOS,Android,通用Windows平台(UWP),Windows 8.1和Windows Phone 8.1的五个平台项目,以及用于大部分应用程序代码的通用项目。
在Visual Studio中,选择菜单选项File> New> Project。 在“新建项目”对话框的左侧,选择“Visual C#”,然后选择“跨平台”。 在对话框的中间部分,您将看到几个可用的解决方案模板,其中包括三个用于Xamarin.Form的解决方案。
Xamarin工作室提出了一个类似的困境,但以不同的方式。 要在Xamarin Studio中创建一个新的Xamarin.Forms解决方案,从菜单中选择File> New> Solution,在New Project对话框的左边,在Multiplatform下选择App,选择Forms App,然后按Next按钮。 向下一个屏幕的底部是一对标有共享代码的单选按钮。 这些按钮允许您选择以下选项之一:
在这种情况下,术语“共享”是指包含在平台项目之间共享的松散代码文件(以及其他文件)的共享资产项目(SAP),基本上成为每个平台项目的一部分。
现在,请选择第一个:Visual Studio中的空白应用程序(Xamarin.Forms Portable)或Xamarin Studio中的使用可移植类库。 为该项目命名一个名称(例如,Hello),然后在该对话框(在Visual Studio中)或在Xamarin Studio中再次按Next按钮之后出现的对话框中选择一个磁盘位置。
如果运行Visual Studio,则会创建六个项目:一个通用项目(PCL项目)和五个应用程序项目。 对于名为Hello的解决方案,这些是:
当您创建新的Xamarin.Forms解决方案时,Xamarin.Forms库(和各种支持库)将从NuGet包管理器自动下载。 Visual Studio和Xamarin Studio将这些库存储在解决方案目录中名为packages的目录中。 但是,下载的Xamarin.Forms库的特定版本是在解决方案模板中指定的,并且可能会提供更新的版本。
在Visual Studio中,在屏幕最右侧的解决方案资源管理器中,右键单击解决方案名称,然后选择管理NuGet软件包以获取解决方案。 出现的对话框包含左上角的可选项目,让您看到解决方案中安装了哪些NuGet软件包,并让您安装其他软件包。 您也可以选择更新项目来更新Xamarin.Forms库。
在Xamarin.Studio中,您可以在解决方案列表中选择解决方案名称右侧的工具图标,然后选择更新NuGet包。
在继续之前,请检查确定项目配置是否正常。 在Visual Studio中,选择“生成”>“配置管理器”菜单项。 在配置管理器对话框中,您将看到PCL项目和五个应用程序项目。 确保为所有项目选中了构建框,并为所有应用程序项目选中了“部署”框(除非该框呈灰色)。 请注意平台列:如果列出了Hello项目,则应将其标记为任何CPU。 Hello.Droid项目也应该标记为任何CPU。 (对于这两种类型的项目,任何CPU都是唯一的选择。)对于Hello.iOS项目,根据你将如何测试程序选择iPhone或iPhoneSimulator。
对于Hello.UWP项目,项目配置必须是x86才能部署到Windows桌面或屏幕模拟器,而ARM则需要部署到手机。
对于Hello.WinPhone项目,如果要使用屏幕模拟器,则可以选择x86;如果将ARM部署到真实电话,则选择ARM;或者使用任何CPU来部署。 无论您选择什么,Visual Studio都会生成相同的代码。
如果项目似乎没有在Visual Studio中编译或部署,请重新检查Configuration Manager对话框中的设置。 有时候不同的配置变得活跃,可能不包括PCL项目。
在Mac上的Xamarin Studio中,您可以通过Project> Active Configuration菜单项在部署到iPhone和iPhone模拟器之间进行切换。
在Visual Studio中,您可能需要显示iOS和Android工具栏。 这些工具栏允许您在仿真器和设备中进行选择,并允许您管理仿真器。 从主菜单中,确保视图>工具栏> iOS和视图>工具栏> Android项目被选中。
由于该解决方案包含两到六个项目中的任何一个,所以在选择运行或调试应用程序时,必须指定启动哪个程序。
在Xamarin.Forms中,屏幕上出现的对象统称为可视元素。 它们分为三大类:
- 页面
- 布局
- 视图
Xamarin.Forms应用程序由一个或多个页面组成。 一个页面通常占据屏幕的全部(或至少大面积)。 某些应用程序只包含一个页面,而其他应用程序允许在多个页面之间进行导航。 在本书的许多早期章节中,您只会看到一种类型的页面,称为ContentPage。
在每个页面上,视觉元素被组织在父子层次结构中。 一个“页面”的孩子通常是某种布局来组织视觉效果。 一些布局有一个孩子,但许多布局有多个孩子,布局自己排列。 这些孩子可以是其他布局或意见。 不同类型的布局将儿童安排在一个堆栈中,以二维网格或更自由的方式排列。 然而在本章中,我们的页面只包含一个孩子。
Xamarin.Forms中的术语“视图”表示熟悉的演示文稿类型和交互式对象:文本,位图,按钮,文本输入字段,滑块,开关,进度条,日期和时间选取器以及您自己设计的其他类型。 在其他编程环境中,这些通常被称为控件或小部件。本书将它们称为视图或元素。 在本章中,您将遇到用于显示文本的标签视图。
问好
使用Microsoft Visual Studio或Xamarin Studio,让我们使用标准模板创建一个新的Xamarin.Forms应用程序。 这个过程创建了一个包含多达六个项目的解决方案:用于iOS,Android,通用Windows平台(UWP),Windows 8.1和Windows Phone 8.1的五个平台项目,以及用于大部分应用程序代码的通用项目。
在Visual Studio中,选择菜单选项File> New> Project。 在“新建项目”对话框的左侧,选择“Visual C#”,然后选择“跨平台”。 在对话框的中间部分,您将看到几个可用的解决方案模板,其中包括三个用于Xamarin.Form的解决方案。
- 空白应用程序(Xamarin.Forms便携式)
- 空白应用程序(Xamarin.Forms共享)
- 类库(Xamarin.Form)
Xamarin工作室提出了一个类似的困境,但以不同的方式。 要在Xamarin Studio中创建一个新的Xamarin.Forms解决方案,从菜单中选择File> New> Solution,在New Project对话框的左边,在Multiplatform下选择App,选择Forms App,然后按Next按钮。 向下一个屏幕的底部是一对标有共享代码的单选按钮。 这些按钮允许您选择以下选项之一:
- 使用可移植类库
- 使用共享库
在这种情况下,术语“共享”是指包含在平台项目之间共享的松散代码文件(以及其他文件)的共享资产项目(SAP),基本上成为每个平台项目的一部分。
现在,请选择第一个:Visual Studio中的空白应用程序(Xamarin.Forms Portable)或Xamarin Studio中的使用可移植类库。 为该项目命名一个名称(例如,Hello),然后在该对话框(在Visual Studio中)或在Xamarin Studio中再次按Next按钮之后出现的对话框中选择一个磁盘位置。
如果运行Visual Studio,则会创建六个项目:一个通用项目(PCL项目)和五个应用程序项目。 对于名为Hello的解决方案,这些是:
- 所有五个应用程序项目引用的名为Hello的可移植类库项目;
- Android应用程序项目,名为Hello.Droid;
- iOS应用程序项目,名为Hello.iOS;
- 通用Windows平台的应用程序项目 Windows 10和Windows Mobile 10,名为Hello.UWP;
- Windows 8.1的应用程序项目,名称为Hello.Windows;
- Windows Phone 8.1的一个名为Hello.WinPhone的应用程序项目。
当您创建新的Xamarin.Forms解决方案时,Xamarin.Forms库(和各种支持库)将从NuGet包管理器自动下载。 Visual Studio和Xamarin Studio将这些库存储在解决方案目录中名为packages的目录中。 但是,下载的Xamarin.Forms库的特定版本是在解决方案模板中指定的,并且可能会提供更新的版本。
在Visual Studio中,在屏幕最右侧的解决方案资源管理器中,右键单击解决方案名称,然后选择管理NuGet软件包以获取解决方案。 出现的对话框包含左上角的可选项目,让您看到解决方案中安装了哪些NuGet软件包,并让您安装其他软件包。 您也可以选择更新项目来更新Xamarin.Forms库。
在Xamarin.Studio中,您可以在解决方案列表中选择解决方案名称右侧的工具图标,然后选择更新NuGet包。
在继续之前,请检查确定项目配置是否正常。 在Visual Studio中,选择“生成”>“配置管理器”菜单项。 在配置管理器对话框中,您将看到PCL项目和五个应用程序项目。 确保为所有项目选中了构建框,并为所有应用程序项目选中了“部署”框(除非该框呈灰色)。 请注意平台列:如果列出了Hello项目,则应将其标记为任何CPU。 Hello.Droid项目也应该标记为任何CPU。 (对于这两种类型的项目,任何CPU都是唯一的选择。)对于Hello.iOS项目,根据你将如何测试程序选择iPhone或iPhoneSimulator。
对于Hello.UWP项目,项目配置必须是x86才能部署到Windows桌面或屏幕模拟器,而ARM则需要部署到手机。
对于Hello.WinPhone项目,如果要使用屏幕模拟器,则可以选择x86;如果将ARM部署到真实电话,则选择ARM;或者使用任何CPU来部署。 无论您选择什么,Visual Studio都会生成相同的代码。
如果项目似乎没有在Visual Studio中编译或部署,请重新检查Configuration Manager对话框中的设置。 有时候不同的配置变得活跃,可能不包括PCL项目。
在Mac上的Xamarin Studio中,您可以通过Project> Active Configuration菜单项在部署到iPhone和iPhone模拟器之间进行切换。
在Visual Studio中,您可能需要显示iOS和Android工具栏。 这些工具栏允许您在仿真器和设备中进行选择,并允许您管理仿真器。 从主菜单中,确保视图>工具栏> iOS和视图>工具栏> Android项目被选中。
由于该解决方案包含两到六个项目中的任何一个,所以在选择运行或调试应用程序时,必须指定启动哪个程序。