zoukankan      html  css  js  c++  java
  • 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.24~12.25所示。

     

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

     

  • 相关阅读:
    1026 Table Tennis (30)
    1029 Median
    1025 PAT Ranking (25)
    1017 Queueing at Bank (25)
    1014 Waiting in Line (30)
    1057 Stack (30)
    1010 Radix (25)
    1008 Elevator (20)
    字母大小写转换
    Nmap的基础知识
  • 原文地址:https://www.cnblogs.com/daxueba-ITdaren/p/6945082.html
Copyright © 2011-2022 走看看