Xamarin XAML语言教程隐藏文件使用Progress属性设置进度条

Xamarin XAML语言教程隐藏文件使用Progress属性设置进度条

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

【示例12-7：ProgressBarProgressOne】以下将在代码隐藏文件中实现对进度条当前进行的设置。具体的操作步骤如下：

（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:ProgressBarProgressOne"

x:Class="ProgressBarProgressOne.MainPage">

<StackLayout Spacing="55"

VerticalOptions="Center">

<ProgressBar x:Name="progressBar" />

<StackLayout Spacing="10">

<Button Text="20%的进度"

Clicked="SetProgressPointTwo"/>

<Button  Text="60%的进度"

Clicked="SetProgressPointSix"/>

<Button  Text="100%的进度"

Clicked="SetProgressOne"/>

</StackLayout>

</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 ProgressBarProgressOne

{

public partial class MainPage : ContentPage

{

public MainPage()

{

InitializeComponent();

}

//将进度条当前的进度设置为0.2

void SetProgressPointTwo(object sender, EventArgs args)

{

progressBar.Progress = 0.2;

}

//将进度条当前的进度设置为0.6

void SetProgressPointSix(object sender, EventArgs args)

{

 progressBar.Progress = 0.6;

}

//将进度条当前的进度设置为1

void SetProgressOne(object sender, EventArgs args)

{

progressBar.Progress = 1;

}

}

}

此时运行程序，会看到如图12.24~12.25所示的效果。当开发者轻拍某一按钮后，会看到进度条中显示对应的进度，效果类似于图12.26~12.27所示。

图12.24  Android的运行效果                     图12.25  iOS的运行效果

图12.26  Android的运行效果                    图12.27  iOS的运行效果