Xamarin XAML語言教程Xamarin.Forms中程式狀態與進度(一)

大學霸發表於2017-05-08

Xamarin XAML語言教程Xamarin.Forms中程式狀態與進度(一)

在Xamarin.Forms中,提供了兩個控制元件用來指示程式的狀態和進度。他們分別為活動指示器和進度條。其中,活動指示器在程式正在等待長時間操作完成時使用,即在不確定進度的操作中使用,如載入網路視訊,網頁、影像等,而進度條是在確定進度時使用的,如下載影像、視訊等。本章將講解這兩個控制元件。

活動指示器ActivityIndicator

ActivityIndicator被稱為活動指示器,它給使用者提供簡單的反饋,表明程式正在執行,不提供具體進度資訊。本節將講解如何使用活動指示器。

構建活動指示器

要在XAML中構建活動指示器,就需要使用到ActivityIndicator標籤,其語法如下:

<ActivityIndicator   />

或者是:

<ActivityIndicator>   

</ActivityIndicator>

活動指示器的顯示隱藏

在構建好活動指示器後,它不會向滑塊控制元件、步進控制元件、文字框控制元件等一樣直接顯示在介面中,這是因為此時的活動指示器是隱藏的。如果想要控制指示器的顯示和隱藏,需要使用ActivityIndicator定義的IsRunning屬性,此屬性可以用來指示活動指示器是否正在執行,其語法形式如下:

<ActivityIndicator IsRunning="boolValue"   />

其中,boolValue是一個布林型別的值,當此值為true時,活動指示器會自動顯示,並且執行;當此值為false時,活動指示器會自動隱藏。

【示例12-1:ActivityIndicatorIsRunningOne】以下將活動指示器進行顯示。程式碼如下:

<?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:ActivityIndicatorIsRunningOne"

             x:Class="ActivityIndicatorIsRunningOne.MainPage">

  <ActivityIndicator IsRunning="True"

                  VerticalOptions="Center" />

</ContentPage>

此時執行程式,會看到如圖12.1~12.3所示的效果

圖12.1  Android的執行效果           圖12.2  iOS的執行效果       圖12.3  Windows Phone的執行效果

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

相關文章