Xamarin iOS教程之进度条和滚动视图

时间:2022-08-24 14:17:57

Xamarin iOS教程之进度条和滚动视图

Xamarin iOS 进度条

进度条可以看到每一项任务现在的状态。例如在下载的应用程序中有进度条,用户可以很方便的看到当前程序下载了多少,还剩下多少。QQ音乐播放器中也使用到了进度条,它可以让用户看到当前音乐播放了多少,还剩多少等。在Xamarin.iOS中也提供实现进度条的类,即UIProgressView。

【示例2-23】以下将实现进度条加载的效果。具体步骤如下:

(1创建一个Single View Application类型的工程,命名为2-9。

(2打开MainStoryboard.storyboard文件,对主视图进行设置。效果如图2.40所示。

 Xamarin iOS教程之进度条和滚动视图

图2.40  主视图的效果

需要添加的视图以及设置如表2-12所示。

表2-12  设置视图

 Xamarin iOS教程之进度条和滚动视图

(3打开2-9ViewController.cs文件,编写代码,实现进度条的加载。代码如下:

  • using System;
  • using System.Drawing;
  • using MonoTouch.Foundation;
  • using MonoTouch.UIKit;
  • using System.Threading;
  • using System.Threading.Tasks;
  • namespace Application
  • {
  • public partial class __9ViewController : UIViewController
  • {
  • UIProgressView progressView;
  • float incrementBy = 0f;
  • ……                                                                   //这里省略了视图控制器的构造方法和析构方法
  • #region View lifecycle
  • public override void ViewDidLoad ()
  • {
  • base.ViewDidLoad ();
  • // Perform any additional setup after loading the view, typically from a nib.
  • //触摸按钮后执行的动作
  • buttonStartProgress.TouchUpInside += delegate {
  •                                                buttonStartProgress.Enabled = false;
  •                                                progressView.Progress = 0f;
  •                                                Task.Factory.StartNew(this.StartProgress);                    //创建一个新的任务
  •                             } ;
  • //为主视图添加进度条对象
  • progressView = new UIProgressView (new RectangleF (60f, 200f, 200f, 50f));
  •                             progressView.Progress = 0f;                                                 //设置进度条的进度
  •                             incrementBy = 1f / 10f;                                                             //设置进度条进度的增量值
  •                             this.View.AddSubview(progressView);
  • }
  • //进度条开始加载
  • public void StartProgress ()
  • {
  • float currentProgress = 0f;
  • //判断currentProgress是否小于1,如果是执行进度条进度的加载
  • while (currentProgress < 1f)
  • {
  • Thread.Sleep(1000);                                                        //1000毫秒后暂停当前线程
  •          this.InvokeOnMainThread(delegate {
  •                                                progressView.Progress += this.incrementBy;
  •                                                currentProgress = this.progressView.Progress;
  •                                                labelStatus.Text=string.Format("Current value: {0}",
  • Math.Round(progressView.Progress,2));
  •                         //判断进度条的当前进度是否为1
  •                                                if (currentProgress >= 1f)
  •                                                {
  •                                                         labelStatus.Text = "Progress completed!";
  •                                                         buttonStartProgress.Enabled = true;
  •                                                }
  •                                      } );
  • }
  • }
  • ……                                                                  //这里省略了视图加载和卸载前后的一些方法
  • #endregion
  • }
  • }

运行效果如图2.41所示。

 Xamarin iOS教程之进度条和滚动视图

图2.41  运行效果

在此程序中,开发者需要注意两个知识点:

1.进度条进度的设置

在实例化进度条时,我们就为进度条设置了进度,使用的属性是Progress。其语法形式如下:

  • 进度条对象.Progress=值;

其中,值是一个浮点类型的数据,它的有效范围为0到1。

2.进度的增加

当触摸Tap to start progress!按钮时,进度条就会实现自动加载进度的功能。它是通过调用Task.Factory.StartNew()方法实现的。它的功能就是创建一个StartProgress()方法的任务,即实现加载。

Xamarin iOS滚动视图

由于iPhone或者是iPad屏幕大小的影响,使我们添加的控件和界面元素受到限制。但是在iPhone或者iPad开发中,人们使用滚动视图解决了这一受到限制的问题。滚动视图由UIScrollView类的一个实例对象实现。

【示例2-24】以下的代码就使用了滚动视图来显示一个比屏幕还要大的图像。具体步骤如下:

(1创建一个Single View Application类型的工程,命名为2-10。

(2添加图像1.jpg到创建工程的Resources文件夹中。

(3打开2-10ViewController.cs文件,编写代码,实现通过滚动视图来观看一个比屏幕还有大的图像。代码如下:

  • using System;
  • using System.Drawing;
  • using MonoTouch.Foundation;
  • using MonoTouch.UIKit;
  • namespace Application
  • {
  • public partial class __10ViewController : UIViewController
  • {
  • UIImageView imgView;
  • UIScrollView scrollView;
  • ……                                               //这里省略了视图控制器的构造方法和析构方法
  • #region View lifecycle
  • public override void ViewDidLoad ()
  • {
  • base.ViewDidLoad ();
  • // Perform any additional setup after loading the view, typically from a nib.
  • imgView = new UIImageView (UIImage.FromFile ("1.jpg"));
  • //为主视图添加滚动视图对象
  • scrollView = new UIScrollView ();
  • scrollView.Frame=new RectangleF(0,0,320,568) ;
  • scrollView.ContentSize = imgView.Image.Size;                                  //滚动范围的大小
  •                             scrollView.ContentOffset = new PointF (200f, 50f);                           //目前滚动的位置
  •                             scrollView.PagingEnabled = true;                                                           //可以整页翻动
  •                             scrollView.MinimumZoomScale = 0.25f;                                               //缩小的最小比例
  •                             scrollView.MaximumZoomScale = 2f;                                                   //放大的最大比例
  • //获取要缩放的图像视图
  • scrollView.ViewForZoomingInScrollView = delegate(UIScrollView scroll) {
  • return this.imgView;
  • } ;
  • scrollView.ZoomScale = 1f;                                                                        //设置变化比例
  • scrollView.IndicatorStyle = UIScrollViewIndicatorStyle.Black;             //滚动指示器的风格设置
  • scrollView.AddSubview (imgView);
  • this.View.AddSubview (scrollView);
  • }
  • ……                                               //这里省略了视图加载和卸载前后的一些方法
  • #endregion
  • }
  • }

运行结果如图2.42所示。

 Xamarin iOS教程之进度条和滚动视图

图2.42  运行效果

注意:滚动视图中需要注意以下两点。

1.常用属性

滚动视图的属性有很多,表2-13就总结了滚动视图常用的一些属性。

表2-13  滚动视图的属性

 Xamarin iOS教程之进度条和滚动视图

2.滚动视图常用事件

在滚动视图中一般会使用到一些事件。这里将常用到的一些事件做了总结,如表2-14所示。

表2-14  滚动视图常用事件

 Xamarin iOS教程之进度条和滚动视图

【示例2-25】以下将实现滚动视图的滚动,并为滚动视图添加了事件。代码如下:

  • using System;
  • using System.Drawing;
  • using MonoTouch.Foundation;
  • using MonoTouch.UIKit;
  • namespace Application
  • {
  • public partial class __30ViewController : UIViewController
  • {
  • ……                                                         //这里省略了视图控制器的构造方法和析构方法
  • #region View lifecycle
  • public override void ViewDidLoad ()
  • {
  • base.ViewDidLoad ();
  • // Perform any additional setup after loading the view, typically from a nib.
  • UIScrollView scrollView = new UIScrollView ();
  • scrollView.Frame = new RectangleF (0, 0, 320, 568);
  •                             scrollView.ContentSize = new SizeF (320, 2000);
  • this.View.AddSubview (scrollView);
  • //滚动视图开始滚动时调用
  • scrollView.Scrolled += delegate {
  •                                      Console.WriteLine ("开始滚动...");
  •                             } ;
  •                             //滚动视图结束滚动时调用
  •                             scrollView.DecelerationEnded += delegate {
  •                                      Console.WriteLine ("滚动结束...");
  •                             };
  • float y = 10;
  • //为滚动视图对象添加标签对象
  • for (float i = 1; i < 21; i++) {
  • UILabel label = new UILabel ();
  • label.Frame = new RectangleF (0, y, 320, 50);
  • label.BackgroundColor = UIColor.Cyan;
  • label.Text = String.Format ("{0}", i);
  • scrollView.AddSubview (label);
  • y += 100;
  • }
  • }
  • ……                                                 //这里省略了视图加载和卸载前后的一些方法
  • #endregion
  • }
  • }

运行效果如图2.43所示。

 Xamarin iOS教程之进度条和滚动视图

图2.43  运行效果

本文选自:Xamarin iOS开发实战大学霸内部资料,转载请注明出处,尊重技术尊重IT人!

Xamarin iOS教程之进度条和滚动视图的更多相关文章

  1. xamarin&period;ios 实现圆形进度条

    using System; using UIKit; using System.Drawing; using CoreAnimation; namespace PMM { public class P ...

  2. Xamarin XAML语言教程构建进度条ProgressBar

    Xamarin XAML语言教程构建进度条ProgressBar Xamarin XAML语言教程构建进度条ProgressBar,ProgressBar被称为进度条,它类似于没有滑块的滑块控件.进度 ...

  3. Xamarin XAML语言教程Xamarin&period;Forms中构建进度条

    Xamarin XAML语言教程Xamarin.Forms中构建进度条 ProgressBar被称为进度条,它类似于没有滑块的滑块控件.进度条总是水平放置的.本节将讲解如何使用进度条. 注意:进度条在 ...

  4. 最详细在Windows安装Xamarin&period;iOS教程

    最详细在Windows安装Xamarin.iOS教程 来源:http://www.cnblogs.com/llyfe2006/articles/3098280.html 本文展示了如何设立Xamari ...

  5. Xamarin iOS教程之警告视图

    Xamarin iOS教程之警告视图 Xamarin iOS警告视图 如果需要向用户显示一条非常重要的消息时,警告视图(UIAlertView类)就可以派上用场了.它的功能是把需要注意的信息显示给用户 ...

  6. Xamarin iOS教程之页面控件

    Xamarin iOS教程之页面控件 Xamarin iOS 页面控件 在iPhone手机的主界面中,经常会看到一排小白点,那就是页面控件,如图2.44所示.它是由小白点和滚动视图组成,可以用来控制翻 ...

  7. Xamarin iOS教程之键盘的使用和设置

    Xamarin iOS教程之键盘的使用和设置 Xamarin iOS使用键盘 在文本框和文本视图中可以看到,当用户在触摸这些视图后,就会弹出键盘.本节将主要讲解键盘的输入类型定义.显示键盘时改变输入视 ...

  8. Xamarin iOS教程之显示和编辑文本

    Xamarin iOS教程之显示和编辑文本 Xamarin iOS显示和编辑文本 在一个应用程序中,文字是非常重要的.它就是这些不会说话的设备的嘴巴.通过这些文字,可以很清楚的指定这些应用程序要表达的 ...

  9. Xamarin iOS教程之视图显示图像

    Xamarin iOS教程之视图显示图像 Xamarin iOS显示图像 在主视图中显示一个图像,可以让开发者的应用程序变的更有趣,例如,在一些应用程序开始运行时,都会通过图像来显示此应用程序的玩法或 ...

随机推荐

  1. phonegap android 输入法弹出会遮盖表单框的解决办法

    phonegap android 当页面内容比较多,表单超出屏幕范围时,点击输入,输入法会遮盖住表单框,而且无法向上滑动. 经过测试发现,是由于config.xml中设置了 FullScreen 的全 ...

  2. &lbrack;TCPIP&rsqb; DNS Note

    TCPIP DNS  域名系统 DNS 是一个应用于TCP/IP应用程序的分布式数据库,它提供主机名字和IP地址之间的转换及有关电子邮件的选路信息. 对DNS的访问是通过一个地址解析器来完成的,在Un ...

  3. &lbrack;转&rsqb; How to import a large data set using XPO efficiently within a transaction

    https://www.devexpress.com/Support/Center/Example/Details/T333879

  4. Global中的事件执行顺序

    The Global.asax file, sometimes called the ASP.NET application file, provides a way to respond to ap ...

  5. ESXi控制台TSM:弥补vSphere Client不足

    当vSphere Client不能完成某些任务时,主机的ESXi控制台及其技术支持模式(TSM)可能能派上用场. ESXi控制台允许管理员执行不能通过vSphere Client进行配置的管理任务,比 ...

  6. &lbrack;转载&rsqb;Linux的时间与时钟中断处理

    本文主要介绍在Linux下的时间实现以及系统如何进行时钟中断处理. 一. Linux的硬件时间 PC机中的时间有三种硬件时钟实现,这三种都是基于晶振产生的方波信号输入.这三种时钟为: 实时时钟RTC ...

  7. Python之路第二天,基础&lpar;2&rpar;-基本数据类型

    一.Python数据类型 数 在Python中有4种类型的数,整数,长整数,浮点数和复数. 2是一个整数的例子 长整数不过是大一点的整数 3.23和52.3E是浮点数的例子.E标记表示10的幂.52. ...

  8. 利用正则&plus;requests爬取猫眼电影信息

    import json # from multiprocessing import Pool import requests from requests.exceptions import Reque ...

  9. 《WAP团队》作业四——基于原型的团队项目需求调研与分析

    基于原型的团队项目需求调研与分析 本项目是一个家教系统的实现,随着时代的进步,现今已经进入信息技术时代,越来越多的人注意到了教育的重要性.家长对于孩子的学习提高注意力,大家都不想自己的孩子输在起跑线上 ...

  10. mysql 库 表 和 时间查询

    -- 查询 worker 库中 表 和 视图 select table_name from information_schema.tables where table_schema='worker' ...