有时候我们的APP需要联网或者其他比较耗时的操作，需要给用户提示，提示的好办法是进度条或者一个转圈的齿轮，提示用户有操作在进行。我们在上一话的场景中增加两个按钮，下载和停止，点击下载齿轮就开始转，点击停止就停止。 然后把这个组件拖到我们的场景中 设置格式： 效果如图： 把按钮和齿轮连线到控制器中： @IBOutlet weak var loading: UIActivityIndicat

     有时候我们进行操作的时候需要一个弹框进行确认或者返回，这就是AlertView。在上一话的工程中，当我们点击停止按钮的时候，弹窗确认。弹窗这个动作是发生在我们点击停止按钮的时候，所以AlertView的代码要添加到停止按钮的action中，代码如下：     @IBAction func stopButton(sender: UIButton) { l

  图像在swift中基于UIImageView，我们从storyboard中拖一个ImageView出来。   那么我们如何使用工程中的图片呢，点开images.xcassets，在空白处点击右键点击import，导入图片。 现在回到storyboard中，就能看到选择图片时有选项了。 我选择土豆丝，然后运行一下： 可以看到图片被拉长了，在Mode中选择Aspect Fit这个是图片自适应 现在

  老虎机相信大家都知道，像一组滚轴，而我们选中其中的某一组值。ios的闹钟选择时间的时候就是这么设计的。在storyboard中拖拽一个pickerview，显示如下： pickerView是没法选择默认值的，图中的几个字符都是和苹果相关的地名，如要设置我们只能去代码中设置。我们来做一个有三个部分的老虎机，每一部分下面有一个标签，来显示选中的内容。分别拖拽到控制器中建立联系： 然后回到story

       进度条的基类是UIProgressView。参数包括样式、进度、进度颜色、滑块颜色。如图： 比如我们做如下修改： 现在我们的进度条变成了如下的样子： 它的方法很简单，只有一个setProgress，设定进度就好了。

     搜索栏算是UI中很简单的一个操作了，拖一个搜索栏上来。      搜索栏中比较重要的属性是占位符，也就是图中右侧的Placeholder，比如输入“请输入关键字”，显示如下： 这一项是设置背景颜色： Options选项会对搜索框进行一些调整： 比如我们选择第一项，会显示出一个下拉箭头： 接下来看这部分： 这个里面有一些很有意思的选项，比如这个Keyboard Type，当我们在网页输入的

   工具条是个很重要的内容，什么是工具条呢，它一般显示在屏幕下方，显示一些按钮或者文字，我们可以用系统现成的，也可以用我们自定义的。之前我们讲的都是需要代理模式的，Dlelegate，委托模式。ToolBar属于目标操作，不需要代理。网界面上拖一个Toolbar拖到界面底部。 toolbar的元素如下： Style主要是设置样式，比如浅色和黑色的。 Bar Tint是设置颜色。 Item是工具栏

  有时候我们所要展示的内容一行文本放不下，这就需要多行文本TextView，拖拽的时候注意上界不要超过电池的小图标。 可以在属性编辑器中对多行文本的内容进行更改，按住control键和回车键换行。 运行效果如图： 如果我们把text选项的Plain改成Attributed的话，我们可以对内容进行进一步的编辑。比如大小字体和颜色等： 效果如图： 除了样式，我们再来看一下它的行为： 是否可以被编辑，

    WebView就是一个HTML浏览器，用来显示网页，webView的属性如图：     Scaling中如果勾选了后面的话，那么打开的网页会根据webView的尺寸来调整尺寸。Phone Numbers会跟踪电话号码，如果网页中有电话的话会显示一个连接，点一下就可以拨打电话。拖拽一个新的webView然后与控制器连线，用法很简单，加载请求（loadrequest方法）。request也是一

   网页浏览器不同于上一话的webview，我们的网页浏览器不要求用户输入前面的HTTP，并且能实现自动布局，这一话的内容是前几话的总结。新建一个工程，然后拖拽一个text label，我们来看下右下角的一些工具，第一个是对齐约束： 第二个是pin约束，上下左右对齐： 第三个是清除约束，把设定好的约束清除掉： 我们设置如下的一个pin约束，点击add： 运行一下看看，我们发现这个text框已经有

  上一话中我们对网络浏览器的UI做了初步的设置，那么这一话中，我们来设置网址和载入指示器。网址框先设置一个占位符。我们之前讲过了。 当我们的网址输错的时候可以修改，设置clear Button为总是出现： 网址加载的时候需要有一个进度标志，所以增加一个activity组件： 勾选Hides when stopped，然后给它增加一个约束，让它在屏幕的中间，这次选择第一个按钮来增加约束：

      前几话中我们搞定了布局，这一话我们首先要把引用全部加上，就是连线到控制器中 UIViewController { @IBOutlet weak var textField1: UITextField! @IBOutlet weak var web1: UIWebView! 然后就是代理，首先来看一下我们手机场景界面上的三个按钮： 第一个按钮是控制器本身，第二个按钮是这

     构建一个方法用来载入网页的请求： func loadurl(url:String ,web:UIWebView){ let aurl = NSURL(string: url) let urlrq = NSURLRequest(URL: aurl!) web.loadRequest(urlrq) } 然后既然控制器继承了代理，那么就

   首先我们运行一下上一话中写好的程序看看有什么问题。 我们发现点击return是没有反应的，这是因为我们之前设置了文本框为这个界面的第一反应者，我们要得到键盘的返回必须对键盘做一些操作。从textfield入手，添加一个方法： func textFieldShouldReturn(textField: UITextField) -> Bool { textField.resign

    控件和视图一样，都是与用户交互的，什么是控件呢？我们常用的滑块、开关等都是控件。控件的基类都是UIControl。控件的内容如下： 主要有选中、可以使用和高亮。我们用一个按钮来展示： 未选中状态： 白底蓝字，现在我们勾选Selected： 选中之后变成了蓝底白字，翻转了，这也符合我们日常的使用习惯。 如果选中了高亮的话,颜色会变浅发灰： 空间支持各种交互事件，比如手势、触摸、拖动等等。都在

   按钮大家都很熟悉了，按钮的基类是UIButton，它的内容设置是比较多的。 Type是按钮的样式，system就是我们常见的无边框按钮，如果换成Detail Disclosure，会变成这个样子： 也就是我们常说的详细信息。Info light和indoor dark依然是这种样式的图标，只是颜色有变化。 Add Contact样式会变成一个加号： 按钮的交互事件前面用过很多次了，用的最多的

    如果你设置过iPhone中的日期，那么你对日期老虎机一定不陌生。它的基类是UIDatePicker。主要属性有日期、时间和倒计时，如图： mode模式中你可以选择只有日期、只有时间或者都有。 local是时区。 Interval是时间间隔。 后面的是一些约束。 Timer是倒计时间隔。 拖一个到storyboard中，运行一下看看效果： 还是满炫酷的。现在我们把它的样式设为倒计时，cut

     有时候我们的页面很大需要滚动只用滚动条滚动可以不太精确，这就需要用到Page Control，就像我们平时操作iphone一样，每一页都有一些APP，页面的个数是用小点标示的，每次一滑动就会切换页面，当前停留的页面的小点会被点亮。比如我们平时用的天气预报，每一页只能显示一个地方的天气，每次换页可以切换到其他城市。Page Control的属性不多，如下： Pages中的两个数字标示有几页

     有时候我们需要给页面分段，也就是分组。基类是UISegmentedControl，下面展示它的属性： 基本上就是几段，段的标题，每一段的图像。现在我们来拖动一个段，默认的是两段，把它的段数设定为3，给第三段命名。 段的事件是这个段发生了切换，valueChanged事件。现在让我们来实现一下，往界面中拖一个label，让段切换的时候，label中显示段的标题。 和上一话中的方法类似，la

   滑块是用一种渐进柔和的方式来展示一种设置或者一个进度。滑块的基类是UISlider，属性比较简单 主要是最小值最大值和当前值。 设定如下： 可以看到下面有两个选项，最小值图像和最大值图像，我们导入两张图片(不好意思没有太合适的图片。。。)： 它最主要的事件就是值变更，跟我们之前遇到的控件差不多，现在我们让label显示滑动的当前值，最小是0，最大是10，我们上面设置过的。 @IBAction