Xamarin.Forms中如何控制活動(dòng)指示器的顯示隱藏-創(chuàng)新互聯(lián)

小編給大家分享一下Xamarin.Forms中如何控制活動(dòng)指示器的顯示隱藏，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司擁有網(wǎng)站維護(hù)技術(shù)和項(xiàng)目管理團(tuán)隊(duì)，建立的售前、實(shí)施和售后服務(wù)體系，為客戶提供定制化的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)站維護(hù)、服務(wù)器機(jī)柜租用解決方案。為客戶網(wǎng)站安全和日常運(yùn)維提供整體管家式外包優(yōu)質(zhì)服務(wù)。我們的網(wǎng)站維護(hù)服務(wù)覆蓋集團(tuán)企業(yè)、上市公司、外企網(wǎng)站、商城網(wǎng)站制作、政府網(wǎng)站等各類型客戶群體，為全球1000多家企業(yè)提供全方位網(wǎng)站維護(hù)、服務(wù)器維護(hù)解決方案。

Xamarin.Forms中活動(dòng)指示器的顯示隱藏

開(kāi)發(fā)者除了可以在XAML中使用IsRunning屬性控制指示器的顯示隱藏外，還可以在代碼隱藏文件中使用IsRunning屬性控制指示器的顯示隱藏。這時(shí)，首先需要在XAML文件中，使用x:Name屬性為活動(dòng)指示器定義一個(gè)名稱，然后在代碼隱藏文件中通過(guò)定義的名稱對(duì)IsRunning屬性進(jìn)行設(shè)置即可。

【示例12-2：ActivityIndicatorIsRunningTwo】以下將在代碼隱藏文件中控制活動(dòng)指示器的顯示和隱藏。具體的操作步驟如下：

（1）MainPage.xaml文件，編寫(xiě)代碼，對(duì)內(nèi)容頁(yè)面進(jìn)行布局。代碼如下：

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

             x:Class="ActivityIndicatorIsRunningTwo.MainPage">

  <StackLayout Spacing="55"

               VerticalOptions="Center">

    <ActivityIndicator x:Name="activityIndicator" />

    <StackLayout Spacing="10">

      <Button x:Name="showButton"

              Text="ShowActivityIndicator"

              Clicked="OnShowActivityIndicator"/>

      <Button x:Name="hideButton"

              IsEnabled="False"

              Text="HideActivityIndicator"

              Clicked="OnHideActivityIndicator"/>

    </StackLayout>

  </StackLayout>

</ContentPage>

（2）打開(kāi)MainPage.xaml.cs文件，編寫(xiě)代碼，實(shí)現(xiàn)通過(guò)按鈕控制活動(dòng)指示器的顯示和隱藏功能。代碼如下：

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();

        }

        //顯示活動(dòng)指示器

        void OnShowActivityIndicator(object sender, EventArgs args)

        {

            activityIndicator.IsRunning = true;

            showButton.IsEnabled = false;

            hideButton.IsEnabled = true;

        }

        //隱藏活動(dòng)指示器

        void OnHideActivityIndicator(object sender, EventArgs args)

        {

            activityIndicator.IsRunning = false;

            showButton.IsEnabled = true;

            hideButton.IsEnabled = false;

        }

    }

}

此時(shí)運(yùn)行程序，會(huì)看到如圖12.4~12.6所示的效果。當(dāng)開(kāi)發(fā)者輕拍ShowActivityIndicator按鈕，會(huì)看到活動(dòng)指示器顯示了，并且進(jìn)行活動(dòng)，效果類似于圖12.7~12.9所示。

Xamarin.Forms中如何控制活動(dòng)指示器的顯示隱藏

圖12.4 圖12.7   Android           圖12.5  圖12.8  iOS       圖12.6 圖12.9   Windows Phone

開(kāi)發(fā)者除了可以為ActivityIndicator定義的IsRunning屬性直接賦布爾值外，還可以通過(guò)數(shù)據(jù)綁定的方式為該屬性賦值，此時(shí)綁定的數(shù)據(jù)也一樣是返回布爾類型的。

【示例12-3：ActivityIndicatorIsRunningThree】以下將實(shí)現(xiàn)加載網(wǎng)絡(luò)圖像的功能。代碼如下：

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

             x:Class="ActivityIndicatorIsRunningThree.MainPage">

  <StackLayout>

    <Image x:Name="myImage"

Source="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1487155536489&amp;di=cc531038dafb3b75d689fdd47a5a775c&amp;imgtype=0&amp;src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F57973400dbbf3.jpg"

         HeightRequest="480"

         WidthRequest="300"

         HorizontalOptions="Center"/>

    <ActivityIndicator x:Name="indicator"

                       BindingContext="{x:Reference Name=myImage}"

                       IsRunning="{Binding Path=IsLoading}"/>

  </StackLayout>

</ContentPage>

在此代碼中，我們將ActivityIndicator屬性綁定到了Image的IsLoading屬性上。此時(shí)運(yùn)行程序，會(huì)看到如圖12.10~12.12所示的效果。當(dāng)圖像加載完成后，會(huì)看到類似于圖12.13~12.15所示的效果。

Xamarin.Forms中如何控制活動(dòng)指示器的顯示隱藏

圖12.10圖12.13  Android          圖12.11 圖12.14   iOS     圖12.12 圖12.15 Windows Phone

以上是“Xamarin.Forms中如何控制活動(dòng)指示器的顯示隱藏”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

新聞標(biāo)題：Xamarin.Forms中如何控制活動(dòng)指示器的顯示隱藏-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://bm7419.com/article10/ggigo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、微信小程序、網(wǎng)頁(yè)設(shè)計(jì)公司、定制開(kāi)發(fā)、網(wǎng)站內(nèi)鏈、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)