Xamarin XAML語言教程使用方法設定進度條進度

在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=""

             xmlns:x=""

             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的執行效果

圖12.34  Android的執行效果                    圖12.35  iOS的執行效果