小編給大家分享一下Xamarin.Forms中如何控制活動指示器的顯示隱藏，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
Xamarin.Forms中活動指示器的顯示隱藏
開發(fā)者除了可以在XAML中使用IsRunning屬性控制指示器的顯示隱藏外，還可以在代碼隱藏文件中使用IsRunning屬性控制指示器的顯示隱藏。這時，首先需要在XAML文件中，使用x:Name屬性為活動指示器定義一個名稱，然后在代碼隱藏文件中通過定義的名稱對IsRunning屬性進(jìn)行設(shè)置即可。
【示例12-2：ActivityIndicatorIsRunningTwo】以下將在代碼隱藏文件中控制活動指示器的顯示和隱藏。具體的操作步驟如下：
（1）MainPage.xaml文件，編寫代碼，對內(nèi)容頁面進(jìn)行布局。代碼如下：
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:ActivityIndicatorIsRunningTwo" x:Class="ActivityIndicatorIsRunningTwo.MainPage"> VerticalOptions="Center">
（2）打開MainPage.xaml.cs文件，編寫代碼，實現(xiàn)通過按鈕控制活動指示器的顯示和隱藏功能。代碼如下：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;
namespace ActivityIndicatorIsRunningTwo
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}
//顯示活動指示器
void OnShowActivityIndicator(object sender, EventArgs args)
{
activityIndicator.IsRunning = true;
showButton.IsEnabled = false;
hideButton.IsEnabled = true;
}
//隱藏活動指示器
void OnHideActivityIndicator(object sender, EventArgs args)
{
activityIndicator.IsRunning = false;
showButton.IsEnabled = true;
hideButton.IsEnabled = false;
}
}
}
此時運(yùn)行程序，會看到如圖12.4~12.6所示的效果。當(dāng)開發(fā)者輕拍ShowActivityIndicator按鈕，會看到活動指示器顯示了，并且進(jìn)行活動，效果類似于圖12.7~12.9所示。
圖12.4 圖12.7 Android 圖12.5 圖12.8 iOS 圖12.6 圖12.9 Windows Phone
開發(fā)者除了可以為ActivityIndicator定義的IsRunning屬性直接賦布爾值外，還可以通過數(shù)據(jù)綁定的方式為該屬性賦值，此時綁定的數(shù)據(jù)也一樣是返回布爾類型的。
【示例12-3：ActivityIndicatorIsRunningThree】以下將實現(xiàn)加載網(wǎng)絡(luò)圖像的功能。代碼如下：
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:ActivityIndicatorIsRunningThree" x:Class="ActivityIndicatorIsRunningThree.MainPage"> Source="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1487155536489&di=cc531038dafb3b75d689fdd47a5a775c&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F57973400dbbf3.jpg" HeightRequest="480" WidthRequest="300" HorizontalOptions="Center"/> BindingContext="{x:Reference Name=myImage}" IsRunning="{Binding Path=IsLoading}"/>
在此代碼中，我們將ActivityIndicator屬性綁定到了Image的IsLoading屬性上。此時運(yùn)行程序，會看到如圖12.10~12.12所示的效果。當(dāng)圖像加載完成后，會看到類似于圖12.13~12.15所示的效果。
圖12.10圖12.13 Android 圖12.11 圖12.14 iOS 圖12.12 圖12.15 Windows Phone
以上是“Xamarin.Forms中如何控制活動指示器的顯示隱藏”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道！
重慶分公司
重慶分公司
