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的執行效果
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2140391/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Xamarin XAML語言教程使用方法設定進度條進度
- Xamarin XAML語言教程Progress屬性設定進度條進度
- Xamarin XAML語言教程使用屬性設定進度條的當前進度
- Xamarin XAML語言教程構建進度條ProgressBar
- Xamarin XAML語言教程使用Progress屬性資料繫結設定進度條進度
- Xamarin XAML語言教程Xamarin.Forms中構建進度條ORM
- Xamarin XAML語言教程隱藏檔案使用Progress屬性設定進度條
- Xamarin XAML語言教程使用使用Progress屬性設定當前進度
- Xamarin XAML語言教程Xamarin.Forms中程式狀態與進度(一)ORM
- Xamarin XAML語言教程使用Xamarin Studio建立XAML(二)
- Xamarin XAML語言教程通過資料繫結使用Progress屬性
- Xamarin XAML語言教程XAML檔案結構與解析XAML
- Xamarin XAML語言教程將XAML設計的UI顯示到介面UI
- Xamarin XAML語言教程使用Visual Studio建立XAML
- Xamarin XAML語言教程模板頁面TemplatedPage
- win10系統下通過區域語言對語音功能進行設定的方法Win10
- Xamarin XAML語言教程物件元素的宣告方式物件
- Xamarin XAML語言教程基本檢視ContentViewView
- Xamarin XAML語言教程模板檢視TemplatedView(二)View
- Xamarin XAML語言教程模板檢視TemplatedView(一)View
- Xamarin XAML語言教程基礎語法篇大學霸
- Xamarin XAML語言教程Visual Studio中實現XAML預覽
- Xamarin iOS教程之進度條和滾動檢視iOS
- Xamarin XAML語言教程Xamarin.Forms中改變活動指示器顏色ORM
- win10系統下透過區域語言對語音功能進行設定的方法Win10
- Xamarin XAML語言教程Xamarin.Forms中活動指示器的顯示隱藏ORM
- Xamarin XAML語言教程構建ControlTemplate控制元件模板控制元件
- Xamarin XAML語言教程基本頁面ContentPage佔用面積
- Xamarin XAML語言教程控制元件模板的模板繫結控制元件
- 剖析XAML語言
- Ubuntu系統設定中文語言的方法教程,Ubuntu系統怎麼設定中文語言?Ubuntu
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (二)控制元件
- Xamarin XAML語言教程基本頁面ContentPage佔用面積(二)
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (四)控制元件
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (三)控制元件
- Xamarin XAML語言教程基本檢視ContentViewg構架範圍框架View框架
- Xamarin XAML語言教程ContentView檢視作為自定義檢視的父類View
- 【新特性速遞】進度條,進度條,進度條