swift UI专项训练21 网页浏览器

网页浏览器不同于上一话的webview,我们的网页浏览器不要求用户输入前面的HTTP,并且能实现自动布局,这一话的内容是前几话的总结。新建一个工程,然后拖拽一个text label,我们来看下右下角的一些工具,第一个是对齐约束:

第二个是pin约束,上下左右对齐:

第三个是清除约束,把设定好的约束清除掉:

我们设置如下的一个pin约束,点击add:

运行一下看看,我们发现这个text框已经有约束了:

查看textlabel的尺寸编辑器可以看到它的高度是30固定的:

我们在下面拖拽一个webview,距离顶部的高度不能小于30,添加约束:

这一话的主要内容就是进行约束。

时间: 2024-09-30 18:52:04

swift UI专项训练21 网页浏览器的相关文章

swift UI专项训练20 WebView浏览器

WebView就是一个HTML浏览器,用来显示网页,webView的属性如图: Scaling中如果勾选了后面的话,那么打开的网页会根据webView的尺寸来调整尺寸.Phone Numbers会跟踪电话号码,如果网页中有电话的话会显示一个连接,点一下就可以拨打电话.拖拽一个新的webView然后与控制器连线,用法很简单,加载请求(loadrequest方法).request也是一种类型.我们现在让界面在打开的时候就显示百度这个网站: override func viewDidLoad() {

swift UI专项训练24 构建函数和侦测网页载入事件

构建一个方法用来载入网页的请求: func loadurl(url:String ,web:UIWebView){ let aurl = NSURL(string: url) let urlrq = NSURLRequest(URL: aurl!) web.loadRequest(urlrq) } 然后既然控制器继承了代理,那么就需要实现一些代理的方法,别忘了把小齿轮指示器也和控制器关联起来,用它来指示网页的读取事件. @IBOutlet weak var loading: UIActivity

swift UI专项训练25 网址输入完毕事件

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

swift UI专项训练17 SearchBar搜索条

搜索栏算是UI中很简单的一个操作了,拖一个搜索栏上来. 搜索栏中比较重要的属性是占位符,也就是图中右侧的Placeholder,比如输入"请输入关键字",显示如下: 这一项是设置背景颜色: Options选项会对搜索框进行一些调整: 比如我们选择第一项,会显示出一个下拉箭头: 接下来看这部分: 这个里面有一些很有意思的选项,比如这个Keyboard Type,当我们在网页输入的时候要输入汉字和数字,当我们输入电话号码的时候只能输入数字,就是用这个选项. 还有这个Return Key,我

Swift UI专项训练1 交互

我们都知道在IOS界面编程的时候有IBOutlet和IBAction,前者是引用后者是操作,IBAction有一个参数sender,用来指向操作对象,之前我发布的天气预报的小程序那一话可以看到,如果我们需要一个按钮的点击事件的话那就使用IBAction,如果是一个Label要显示东西的话那就用IBOutlet. 现在来讲一下IBAction中的一些事件类型: 1.Touch Down Inside:触碰,只要我们碰到不动就算触发了事件 2.Touch Up  Inside:抬离,和1不同的是,触

Swift UI专项训练7 数据添加

上一话我们使用了自己定义的控制器之后发现tableview上的餐馆没有了,这一话我们来添加数据,新添加一个餐馆类,这个类我们不需要继承系统的类,直接添加一个swift文件就好 import Foundation class Restaurant { var name = "" var location = "" var score = 10 } 我简单建一个类,分别代表餐馆名字.餐馆位置和餐馆评分,它们都有默认值. 然后我们回到餐馆排行的控制器中新建一个餐馆的数组.

swift UI专项训练39 用Swift实现摇一摇功能

微信的摇一摇功能想必大家都用过,过春节的时候抢红包也没少摇吧,那么用swift语言怎样实现这么酷炫的功能呢.摇动属于IOS内置可识别的一种动作,在你须要实现摇动功能的viewcontroller中.在viewDidLoad方法中增加下面代码: UIApplication.sharedApplication().applicationSupportsShakeToEdit = true self.becomeFirstResponder() 第一句是要求当前页面支持对摇动事件可编辑的支持,设置为t

swift UI专项训练40 用swift实现打电话和发短信功能

今天来讲一下如何让我们的APP可以访问系统的短信和电话功能.首先来说短信功能,比较简单,跟之前的做法差别不大,要使用UIApplication,它是一个单例.我们的功能是点击一个按钮,然后拨通一个内置的电话,需要在button的action中加入如下语句: @IBAction func phoneBtn(sender:UIButton){ // var url1 = NSURL(string: "tel://"+canguanArray[0].tel) var url1 = NSURL

swift UI专项训练12 ActivityIndicator

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