Xamarin XAML語言教程使用方法設定進度條進度
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="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的執行效果
圖12.34 Android的執行效果 圖12.35 iOS的執行效果
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2139280/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Xamarin XAML語言教程Progress屬性設定進度條進度
- Xamarin XAML語言教程使用屬性設定進度條的當前進度
- Xamarin XAML語言教程通過ProgressTo方法對進度條設定
- Xamarin XAML語言教程使用Progress屬性資料繫結設定進度條進度
- Xamarin XAML語言教程構建進度條ProgressBar
- Xamarin XAML語言教程Xamarin.Forms中構建進度條ORM
- Xamarin XAML語言教程隱藏檔案使用Progress屬性設定進度條
- Xamarin XAML語言教程使用使用Progress屬性設定當前進度
- Xamarin XAML語言教程Xamarin.Forms中程式狀態與進度(一)ORM
- Xamarin iOS教程之進度條和滾動檢視iOS
- 【新特性速遞】進度條,進度條,進度條
- ajax進度條 非同步下載進度條非同步
- Xamarin XAML語言教程使用Xamarin Studio建立XAML(二)
- Qt 進度條QT
- Xamarin XAML語言教程XAML檔案結構與解析XAML
- C# 下載帶進度條程式碼(普通進度條)C#
- HTML <progress> 進度條HTML
- wkwebView 新增 進度條WebView
- canvas 畫進度條Canvas
- wxWidgets進度條
- 自定義進度條
- 學習進度條
- Xamarin XAML語言教程將XAML設計的UI顯示到介面UI
- Xamarin XAML語言教程使用Visual Studio建立XAML
- 58python 進度條設計Python
- Python進度條技巧Python
- 自定義view - 進度條View
- 自定義進度條列表
- iOS 自定義進度條iOS
- jquery ui進度條 progressbarjQueryUI
- Bootstrap學習 進度條boot
- 0528學習進度條
- c#進度條progressbarC#
- Xamarin XAML語言教程模板頁面TemplatedPage
- Android花樣loading進度條(三)-配文字環形進度條Android
- Xamarin XAML語言教程物件元素的宣告方式物件
- Xamarin XAML語言教程基本檢視ContentViewView
- Xamarin XAML語言教程模板檢視TemplatedView(二)View