Xamarin XAML語言教程通過ProgressTo方法對進度條設定

大學霸發表於2017-06-07

Xamarin XAML語言教程通過ProgressTo方法對進度條設定

    在ProgressBar中定義了一個ProgressTo方法,此方法也可以用來對進度條當前的進行進行設定,ProgressToProgress屬性的不同之處在於ProgressTo提供了動畫效果。ProgressTo方法必須要在程式碼檔案中使用,不可以在XAML檔案中使用。其語法形式如下:

ProgressBarObject. ProgressTo(value, length, easing);

其中,引數說明如下:

value:表示設定的當前進度。

length:表示多少時間內達到設定的值(毫秒)。

easing:表示動畫效果。

【示例12-9ProgressBarProgressThree】以下將使用ProgressTo方法對進度條的當前進度進行設定。具體的操作步驟如下:

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


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2140391/,如需轉載,請註明出處,否則將追究法律責任。

相關文章