Xamarin XAML语言教程使用Visual Studio创建XAML Xamarin.Forms允许开发人员通过XAML语法对程序的所有用户界面元素进行详细的定制,如文本.按钮.图像和列表框等.同时,开发者还可以借助它对整个界面进行合理化的布局.通过XAML来构建UI界面具有简洁.可视化等优点,非常适合MVVM的应用程序架构.本章将讲解关于XAML语言基础内容,其中包括XAML语言简介.创建XAML文件.XAML文件构成.元素构成等内容. XAML语言简介 XAML是Extensible…

Xamarin XAML语言教程使用Xamarin Studio创建XAML(二) 使用Xamarin Studio创建XAML Xamarin Studio和Visual Studio创建XAML文件一样,也分为两种创建方式.第一种是创建项目后再创建XAML文件,第二种是创建项目时创建XAML文件.以下对这两种方式进行详细介绍. 1.创建项目后再创建XAML文件 以下我们将以创建项目Hello为例,为开发者讲解创建项目后创建XAML文件的具体操作步骤: (1)在计算机上找到Xamarin St…

Xamarin XAML语言教程将XAML设计的UI显示到界面 如果通过XAML将UI设计好以后,就可以将XAML中的内容显示给用户了,也就是显示到界面上.由于创建XAML文件方式的不同,所以将XAML中的内容显示到界面上的方式也就不一样了.以下针对XAML文件创建方式的不同,为开发者讲解如果将XAML中的内容显示到界面上. 注意:在1.2节中我们使用Visual Studio创建XAML文件和使用Xamarin Studio中创建XAML的方式都分为两种,分别为创建项目后创建XAML文件和在创…

Xamarin XAML语言教程基础语法篇大学霸 前  言 Xamarin是一个跨平台开发框架.它可以用来开发iOS.Android.Windows Phone和Mac的应用程序.使用Xamarin框架中的Forms子框架,用户可以一次性的开发多个平台的应用,如iOS.Android.Windows Phone,从而节省大量的开发时间. 在Xamarin.Forms中,用户可以直接使用XAML语言直接进行界面设计.这样,就可以将界面和逻辑代码分离,使得应用程序的结构更加清晰.为了满足大家的开发需…

Xamarin XAML语言教程Visual Studio中实现XAML预览 每次通过编译运行的方式查看XAML文件效果,需要花费大量的时间.如果开发者使用XAML对UI进行布局和设计,可以通过预览的方式对XAML进行查看.本节将讲解在Visual Studio和Xamarin Studio中如何实现预览. Visual Studio中实现预览 以下我们将以Hello项目为例,在Visual Studio中实现预览.在实现预览时,需要选择“视图(V)”|“其它窗口(E)”|Xamarin.For…

Xamarin XAML语言教程基本视图ContentView 基本视图ContentView 视图是用来呈现具体内容,根据呈现内容不同,使用的视图也不同.其中,最常用的视图为ContentView视图,它也被称为内容视图.本节将讲解有关内容视图的内容. 1.内容视图的添加 为了方便用户添加ContentView视图,VS(Visual Studio)和XS(Xamarin Studio)都提供专门的命令. 在VS创建的项目中,右击*** (可移植的) 项目,在弹出的快捷菜单中选择“添加(D)”…

Xamarin XAML语言教程基本页面ContentPage占用面积(二) Xamarin XAML语言教程基本页面ContentPage占用面积(二)内容页面的添加 为了方便用户添加ContentPage类页面,VS(Visual Studio)和XS(Xamarin Studio)都提供专门的命令. 在VS创建的项目中,右击*** (可移植的) 项目,在弹出的快捷菜单中选择“添加(D)”|“新建项(w)”名,会弹出“添加新项”对话框,选择Cross-Platform选项.此时,我们就会看到…

Xamarin XAML语言教程XAML文件结构与解析XAML XAML文件结构 在上文中,我们创建XAML文件后,会看到类似图1.16所示的结构 图1.16  结构 其中,.xaml文件和.xaml.cs文件就是XAML文件的结构.以下就是对这两个文件的介绍. .xaml文件中包含的就是XAML代码,实际上就是XML语法.官方的说法:它是一个声明对象的语言,为我们创建对象提供便捷的一种方式.与HTML类似,特点是用来描述用户接口 (UI)内容. 通常我们把与.xaml文件关联的.xaml.cs…

Xamarin XAML语言教程构建ControlTemplate控件模板 控件模板ControlTemplate ControlTemplate是从Xamarin.Forms 2.1.0开始被引入的.ControlTemplate被称为控件模板,它将页面的外观和内容进行了分离,从而让开发者可以更方便的创建基于主题的页面.本节将讲解控件模板相关的内容,其中包括构建控件模板以及控件模板的模板绑定等内容. 构建控件模板 控件模板可以在应用程序级别中构建,也可以在页面级别中构建.以下将对这两个构建方式…

Xamarin XAML语言教程ContentView视图作为自定义视图的父类 自定义视图的父类:ContentView视图可以作为自定义视图的父类. [示例14-2]以下将自定义一个颜色视图.具体的操作步骤如下: (1)创建一个Forms Xaml View文件,命名为ColorView. (2)打开ColorView.xaml文件,编写代码,构建自定义颜色视图.代码如下: <?xml version="1.0" encoding="UTF-8"?>…

Xamarin XAML语言教程基本页面ContentPage占用面积 基本页面和基本视图都是在开发应用程序时最为常用的.本章将讲解有关基本页面ContentPag.基本视图ContentView.控件模板ControlTemplate.模板页面TemplatedPage和模板视图TemplatedView等内容. 基本页面ContentPage 在Xamarin.Forms中,每个App的界面都是一个页面Page.页面的种类有很多种.其中,最常见.最为基础的页面为ContentPage页面,也…

Xamarin XAML语言教程模板视图TemplatedView(二) (2)打开MainPage.xaml文件,编写代码,将构建的控件模板应用于中TemplatedView.代码如下: <?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://s…

Xamarin XAML语言教程模板视图TemplatedView(一) 模板视图TemplatedView 与模板页面相对的是TemplatedView,它被称为模板视图,它的功能和模板页面类似,也是用来显示控件模板的,只不过比模板页面更加灵活.TemplatedView提供ControlTemplate属性,实现对控件模板的关联,从而展现对应的界面. [示例14-6:TemplatedViewDemo]以下将使用模板视图显示控件模板,并实现模板的切换.具体的操作步骤如下: (1)打开App.…

Xamarin XAML语言教程模板页面TemplatedPage 模板页面TemplatedPage 在上文中我们提到了TemplatedPage,它被称为模板页面,用来显示控件模版.TemplatedPage用作基类,将ContentPage替换为最基本的页.与ContentPage不同,TemplatedPage没有Content属性.因此开发者不能直接将内容包装进去.这意味着在TemplatedPage中获取内容的唯一方法是设置ControlTemplate,否则它将显示为空白.…

Xamarin 中Visual Studio创建项目提示错误 错误信息:Object reference not set to an instance of an object 出现这种情况,是由于没有安装对应的Android SDK API.解决办法:在SDK Manager中,安装对应的SDK API,即可.…

Xamarin XAML语言教程构建ControlTemplate控件模板 (四) 2.在页面级别中构建控件模板 如果开发者要在页面级别中构建控件模板,首先必须将ResourceDictionary添加到页面中,然后在ResourceDictionary中实现模板的构建即可,其语法形式如下: <Page> <Page.Resources> <ResourceDictionary> <ControlTemplate x:Key="KeyName"…

Xamarin XAML语言教程构建ControlTemplate控件模板 (三) (3)打开MainPage.xaml.cs文件,编写代码,实现主题的切换功能.代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Xamarin.Forms; namespace ControlTemplateD…

Xamarin XAML语言教程构建ControlTemplate控件模板 (二) (2)打开MainPage.xaml文件,编写代码,将构建的控件模板应用于ContentView中.代码如下: <?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http:…

Xamarin XAML语言教程基本视图ContentViewg构架范围框架 ContentView视图基本上有三个作用,下面依次介绍. (1)范围框架:ContentView视图可以构建一个范围框架,用来约束其中的子元素. [示例14-1:ContentViewScopeFrame]以下将使用ContentView来构建一个范围框架,以此来约束其子元素.代码如下: <?xml version="1.0" encoding="utf-8" ?> <…

Xamarin XAML语言教程通过ProgressTo方法对进度条设置 在ProgressBar中定义了一个ProgressTo方法,此方法也可以用来对进度条当前的进行进行设置,ProgressTo与Progress属性的不同之处在于ProgressTo提供了动画效果.ProgressTo方法必须要在代码文件中使用,不可以在XAML文件中使用.其语法形式如下: ProgressBarObject. ProgressTo(value, length, easing); 其中,参数说明如下: va…

Xamarin XAML语言教程通过数据绑定使用Progress属性 开发者除了可以为ProgressBar定义的Progress属性直接赋双精度类型的值外,还可以通过数据绑定的方式为该属性赋值,此时绑定的数据也一样是返回双精度类型的. [示例12-8:ProgressBarProgressTwo]以下将通过滑块控件控制进度条的当前进度.代码如下: <?xml version="1.0" encoding="utf-8" ?> <ContentPa…

Xamarin XAML语言教程使用使用Progress属性设置当前进度 开发者除了可以在XAML中使用Progress属性设置进度条的当前进度外,还可以在代码隐藏文件中使用Progress属性来设置进度条的当前进度.这时,首先需要在XAML文件中,使用x:Name属性为进度条定义一个名称,然后在代码隐藏文件中通过定义的名称对Progress属性进行设置即可. [示例12-7:ProgressBarProgressOne]以下将在代码隐藏文件中实现对进度条当前进行的设置.具体的操作步骤如下: (…

Xamarin XAML语言教程使用属性设置进度条的当前进度 在图12.19~12.21中我们看到的是没有实现加载的进度条,即进度条的当前进度为0,如果开发者想要修改当前进度,可以使用两种方式:一种是使用属性,另一种是使用方法.以下将讲解这两种方式. 使用属性设置进度条的当前进度 在ProgressBar中定义了一个Progress属性,此属性可以用来对进度条当前的进度进行设置.其语法形式如下: <ProgressBar Progress="progressValue"   /&…

Xamarin XAML语言教程构建进度条ProgressBar Xamarin XAML语言教程构建进度条ProgressBar,ProgressBar被称为进度条,它类似于没有滑块的滑块控件.进度条总是水平放置的.本节将讲解如何使用进度条.注意:进度条在各个平台下基本相同,所以在后面的示例中我们只显示Android和iOS的运行效果. 构建进度条ProgressBar 要在XAML中构建进度条,就需要使用到ProgressBar标签,其语法如下: <ProgressBar   /> 或者是…

Xamarin XAML语言教程使用方法设置进度条进度 在ProgressBar中定义了一个ProgressTo方法,此方法也可以用来对进度条当前的进行进行设置,ProgressTo与Progress属性的不同之处在于ProgressTo提供了动画效果.ProgressTo方法必须要在代码文件中使用,不可以在XAML文件中使用.其语法形式如下: ProgressBarObject. ProgressTo(value, length, easing); 其中,参数说明如下: value:表示设置的…

Xamarin XAML语言教程使用Progress属性数据绑定设置进度条进度 开发者除了可以为ProgressBar定义的Progress属性直接赋双精度类型的值外,还可以通过数据绑定的方式为该属性赋值,此时绑定的数据也一样是返回双精度类型的. [示例12-8:ProgressBarProgressTwo]以下将通过滑块控件控制进度条的当前进度.代码如下: <?xml version="1.0" encoding="utf-8" ?> <Cont…

Xamarin XAML语言教程隐藏文件使用Progress属性设置进度条 Xamarin XAML语言教程隐藏文件中使用Progress属性设置进度条进度,开发者除了可以在XAML中使用Progress属性设置进度条的当前进度外,还可以在代码隐藏文件中使用Progress属性来设置进度条的当前进度.这时,首先需要在XAML文件中,使用x:Name属性为进度条定义一个名称,然后在代码隐藏文件中通过定义的名称对Progress属性进行设置即可. [示例12-7:ProgressBarProgres…

Xamarin XAML语言教程Progress属性设置进度条进度 在图12.19~12.21中我们看到的是没有实现加载的进度条,即进度条的当前进度为0,如果开发者想要修改当前进度,可以使用两种方式:一种是使用属性,另一种是使用方法.以下将讲解这两种方式. 1.使用属性 在ProgressBar中定义了一个Progress属性,此属性可以用来对进度条当前的进度进行设置.其语法形式如下: <ProgressBar Progress="progressValue"   /> 其…

Xamarin XAML语言教程Xamarin.Forms中构建进度条 ProgressBar被称为进度条,它类似于没有滑块的滑块控件.进度条总是水平放置的.本节将讲解如何使用进度条. 注意:进度条在各个平台下基本相同,所以在后面的示例中我们只显示Android和iOS的运行效果. 构建进度条 要在XAML中构建进度条,就需要使用到ProgressBar标签,其语法如下: <ProgressBar   /> 或者是: <ProgressBar > </ProgressBar…

Xamarin XAML语言教程Xamarin.Forms中改变活动指示器颜色 在图12.10~12.12中我们会看到在各个平台下活动指示器的颜色是不一样的.Android的活动指示器默认是深粉色的:iOS的活动指示器是灰色的:Windows Phone的活动指示器是蓝色的.如果开发者想要让各个平台下活动指示器的颜色统一,可以使用ActivityIndicator定义的Color属性,其语法形式如下: <ActivityIndicator Color="activityIndicatorC…