Xamarin XAML语言教程通过ProgressTo方法对进度条设置

Xamarin XAML语言教程通过ProgressTo方法对进度条设置

在ProgressBar中定义了一个ProgressTo方法，此方法也可以用来对进度条当前的进行进行设置，ProgressTo与Progress属性的不同之处在于ProgressTo提供了动画效果。ProgressTo方法必须要在代码文件中使用，不可以在XAML文件中使用。其语法形式如下：

ProgressBarObject. ProgressTo(value, length, easing);

其中，参数说明如下：

value：表示设置的当前进度。

length：表示多少时间内达到设置的值（毫秒）。

easing：表示动画效果。

【示例12-9：ProgressBarProgressThree】以下将使用ProgressTo方法对进度条的当前进度进行设置。具体的操作步骤如下：

（1）MainPage.xaml文件，编写代码，对内容页面进行布局。代码如下：

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:ProgressBarProgressThree"

x:Class="ProgressBarProgressThree.MainPage">

<StackLayout Spacing="55"

VerticalOptions="Center">

<ProgressBar x:Name="progressBar" />

<Button Text="PlayProgressAnimate"

Clicked="SetProgresse"/>

</StackLayout>

</ContentPage>

（2）打开MainPage.xaml.cs文件，编写代码，对进度条的当前进度进行设置。代码如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using Xamarin.Forms;

namespace ProgressBarProgressThree

{

public partial class MainPage : ContentPage

{

public MainPage()

{

InitializeComponent();

}

//设置进度条的当前进度

void SetProgresse(object sender, EventArgs args)

{

progressBar.ProgressTo(1.0, 2500, Easing.Linear);

}

此时运行程序，会看到如图12.32~12.33所示的效果。当开发者轻拍PlayProgressAnimate按钮后，会看到进度条实现加载的动画效果，类似于图12.34~12.35所示的运行效果。2.5秒后完成加载动画，进度条的当前进度会为1。

图12.32 Android的运行效果图12.33 iOS的运行效果

Xamarin XAML语言教程通过ProgressTo方法对进度条设置相关推荐

Xamarin XAML语言教程使用方法设置进度条进度
Xamarin XAML语言教程使用方法设置进度条进度在ProgressBar中定义了一个ProgressTo方法,此方法也可以用来对进度条当前的进行进行设置,ProgressTo与Progress ...
Xamarin XAML语言教程模板页面TemplatedPage
Xamarin XAML语言教程模板页面TemplatedPage 模板页面TemplatedPage 在上文中我们提到了TemplatedPage,它被称为模板页面,用来显示控件模版.Templat ...
Xamarin XAML语言教程使用属性设置进度条的当前进度
Xamarin XAML语言教程使用属性设置进度条的当前进度在图12.19~12.21中我们看到的是没有实现加载的进度条,即进度条的当前进度为0,如果开发者想要修改当前进度,可以使用两种方式:一种是 ...
Xamarin XAML语言教程Progress属性设置进度条进度
Xamarin XAML语言教程Progress属性设置进度条进度在图12.19~12.21中我们看到的是没有实现加载的进度条,即进度条的当前进度为0,如果开发者想要修改当前进度,可以使用两种方式: ...
Xamarin XAML语言教程将XAML设计的UI显示到界面
Xamarin XAML语言教程将XAML设计的UI显示到界面如果通过XAML将UI设计好以后,就可以将XAML中的内容显示给用户了,也就是显示到界面上.由于创建XAML文件方式的不同,所以将XAM ...
Xamarin XAML语言教程基础语法篇大学霸
Xamarin XAML语言教程基础语法篇大学霸前言 Xamarin是一个跨平台开发框架.它可以用来开发iOS.Android.Windows Phone和Mac的应用程序.使用Xamarin框 ...
Xamarin XAML语言教程Visual Studio中实现XAML预览
2019独角兽企业重金招聘Python工程师标准>>> Xamarin XAML语言教程Visual Studio中实现XAML预览每次通过编译运行的方式查看XAML文件效果,需要 ...
Xamarin XAML语言教程模板视图TemplatedView(二)
Xamarin XAML语言教程模板视图TemplatedView(二) (2)打开MainPage.xaml文件,编写代码,将构建的控件模板应用于中TemplatedView.代码如下: <? ...
Xamarin XAML语言教程模板视图TemplatedView(一)
Xamarin XAML语言教程模板视图TemplatedView(一) 模板视图TemplatedView 与模板页面相对的是TemplatedView,它被称为模板视图,它的功能和模板页面类似,也 ...

Xamarin XAML语言教程通过ProgressTo方法对进度条设置

Xamarin XAML语言教程通过ProgressTo方法对进度条设置相关推荐

最新文章

热门文章