Xamarin XAML語言教程隱藏文件使用Progress屬性設(shè)置進度條

Xamarin XAML語言教程隱藏文件使用Progress屬性設(shè)置進度條

Xamarin XAML語言教程隱藏文件中使用Progress屬性設(shè)置進度條進度，開發(fā)者除了可以在XAML中使用Progress屬性設(shè)置進度條的當前進度外，還可以在代碼隱藏文件中使用Progress屬性來設(shè)置進度條的當前進度。這時，首先需要在XAML文件中，使用x:Name屬性為進度條定義一個名稱，然后在代碼隱藏文件中通過定義的名稱對Progress屬性進行設(shè)置即可。

【示例12-7：ProgressBarProgressOne】以下將在代碼隱藏文件中實現(xiàn)對進度條當前進行的設(shè)置。具體的操作步驟如下：

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

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

             x:Class="ProgressBarProgressOne.MainPage">

  <StackLayout Spacing="55"

             VerticalOptions="Center">

    <ProgressBar x:Name="progressBar" />

    <StackLayout Spacing="10">

      <Button Text="20%的進度"

              Clicked="SetProgressPointTwo"/>

      <Button  Text="60%的進度"

              Clicked="SetProgressPointSix"/>

      <Button  Text="100%的進度"

              Clicked="SetProgressOne"/>

    </StackLayout>

  </StackLayout>

</ContentPage>

（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 ProgressBarProgressOne

{

    public partial class MainPage : ContentPage

    {

        public MainPage()

        {

            InitializeComponent();

        }

        //將進度條當前的進度設(shè)置為0.2

        void SetProgressPointTwo(object sender, EventArgs args)

        {

            progressBar.Progress = 0.2;

        }

//將進度條當前的進度設(shè)置為0.6

        void SetProgressPointSix(object sender, EventArgs args)

        {

            progressBar.Progress = 0.6;

        }

//將進度條當前的進度設(shè)置為1

        void SetProgressOne(object sender, EventArgs args)

        {

            progressBar.Progress = 1;

        }

    }

}

此時運行程序，會看到如圖12.24~12.25所示的效果。當開發(fā)者輕拍某一按鈕后，會看到進度條中顯示對應(yīng)的進度，效果類似于圖12.26~12.27所示。