Xamarin XAML語言教程Xamarin.Forms中構建進度條

Xamarin XAML語言教程Xamarin.Forms中構建進度條

ProgressBar被稱為進度條，它類似於沒有滑塊的滑塊控制元件。進度條總是水平放置的。本節將講解如何使用進度條。

注意：進度條在各個平臺下基本相同，所以在後面的示例中我們只顯示Android和iOS的執行效果。

構建進度條

要在XAML中構建進度條，就需要使用到ProgressBar標籤，其語法如下：

<ProgressBar   />

或者是：

<ProgressBar >   

</ProgressBar >

【示例12-5：CreateProgressBar】以下將在頁面中構建一個進度條。程式碼如下：

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns=""

             xmlns:x=""

             xmlns:local="clr-namespace:CreateProgressBar"

             x:Class="CreateProgressBar.MainPage">

  <ProgressBar  VerticalOptions="Center" />

</ContentPage>

此時執行程式，會看到如圖12.19~12.21所示的效果。

圖12.19  Android的執行效果         圖12.20  iOS的執行效果        圖12.21  Windows Phone的執行效果