ITPub博客

首页 > 应用开发 > IT综合 > Xamarin XAML语言教程隐藏文件使用Progress属性设置进度条

Xamarin XAML语言教程隐藏文件使用Progress属性设置进度条

原创 IT综合 作者:大学霸 时间:2017-05-16 10:34:40 0 删除 编辑

Xamarin XAML语言教程隐藏文件使用Progress属性设置进度条

Xamarin XAML语言教程隐藏文件中使用Progress属性设置进度条进度,开发者除了可以在XAML中使用Progress属性设置进度条的当前进度外,还可以在代码隐藏文件中使用Progress属性来设置进度条的当前进度。这时,首先需要在XAML文件中,使用x:Name属性为进度条定义一个名称,然后在代码隐藏文件中通过定义的名称对Progress属性进行设置即可。

【示例12-7:ProgressBarProgressOne】以下将在代码隐藏文件中实现对进度条当前进行的设置。具体的操作步骤如下:

(1)MainPage.xaml文件,编写代码,对内容页面进行布局。代码如下:

<?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文件,编写代码,实现通过按钮控制进度条当前进度的功能。代码如下:

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

        }

        //将进度条当前的进度设置为0.2

        void SetProgressPointTwo(object sender, EventArgs args)

        {

            progressBar.Progress = 0.2;

        }

//将进度条当前的进度设置为0.6

        void SetProgressPointSix(object sender, EventArgs args)

        {

            progressBar.Progress = 0.6;

        }

//将进度条当前的进度设置为1

        void SetProgressOne(object sender, EventArgs args)

        {

            progressBar.Progress = 1;

        }

    }

}

此时运行程序,会看到如图12.24~12.25所示的效果。当开发者轻拍某一按钮后,会看到进度条中显示对应的进度,效果类似于图12.26~12.27所示。

图12.24  Android的运行效果                     图12.25  iOS的运行效果

                              
                                   
图12.26  Android的运行效果                    图12.27  iOS的运行效果

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/29597077/viewspace-2139117/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2014-04-09

  • 博文量
    1047
  • 访问量
    990370