這篇文章主要介紹了Xamarin XAML語(yǔ)言中如何通過(guò)ProgressTo方法對(duì)進(jìn)度條設(shè)置,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)建站 - 成都天府聯(lián)通服務(wù)器托管,四川服務(wù)器租用,成都服務(wù)器租用,四川網(wǎng)通托管,綿陽(yáng)服務(wù)器托管,德陽(yáng)服務(wù)器托管,遂寧服務(wù)器托管,綿陽(yáng)服務(wù)器托管,四川云主機(jī),成都云主機(jī),西南云主機(jī),成都天府聯(lián)通服務(wù)器托管,西南服務(wù)器托管,四川/成都大帶寬,服務(wù)器機(jī)柜,四川老牌IDC服務(wù)商
在ProgressBar中定義了一個(gè)ProgressTo方法,此方法也可以用來(lái)對(duì)進(jìn)度條當(dāng)前的進(jìn)行進(jìn)行設(shè)置,ProgressTo與Progress屬性的不同之處在于ProgressTo提供了動(dòng)畫效果。ProgressTo方法必須要在代碼文件中使用,不可以在XAML文件中使用。其語(yǔ)法形式如下:
ProgressBarObject. ProgressTo(value, length, easing);
其中,參數(shù)說(shuō)明如下:
value:表示設(shè)置的當(dāng)前進(jìn)度。
length:表示多少時(shí)間內(nèi)達(dá)到設(shè)置的值(毫秒)。
easing:表示動(dòng)畫效果。
【示例12-9:ProgressBarProgressThree】以下將使用ProgressTo方法對(duì)進(jìn)度條的當(dāng)前進(jìn)度進(jìn)行設(shè)置。具體的操作步驟如下:
(1)MainPage.xaml文件,編寫代碼,對(duì)內(nèi)容頁(yè)面進(jìn)行布局。代碼如下:
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:ProgressBarProgressThree" x:Class="ProgressBarProgressThree.MainPage"> VerticalOptions="Center">
(2)打開(kāi)MainPage.xaml.cs文件,編寫代碼,對(duì)進(jìn)度條的當(dāng)前進(jìn)度進(jìn)行設(shè)置。代碼如下:
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();
}
//設(shè)置進(jìn)度條的當(dāng)前進(jìn)度
void SetProgresse(object sender, EventArgs args)
{
progressBar.ProgressTo(1.0, 2500, Easing.Linear);
}
}
}
此時(shí)運(yùn)行程序,會(huì)看到如圖12.32~12.33所示的效果。當(dāng)開(kāi)發(fā)者輕拍PlayProgressAnimate按鈕后,會(huì)看到進(jìn)度條實(shí)現(xiàn)加載的動(dòng)畫效果,類似于圖12.34~12.35所示的運(yùn)行效果。2.5秒后完成加載動(dòng)畫,進(jìn)度條的當(dāng)前進(jìn)度會(huì)為1。
圖12.32 Android的運(yùn)行效果 圖12.33 iOS的運(yùn)行效果
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Xamarin XAML語(yǔ)言中如何通過(guò)ProgressTo方法對(duì)進(jìn)度條設(shè)置”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!