基础:第一部分-按钮类效果-实例 ③ 超文本链接

作者: 麦穗0615 | 来源:发表于2016-09-22 15:56 被阅读85次

前言:本实例的功能是超文本连接，将直接在下方显示网页内容。其中，超文本链接是使用按钮实现的，出现的内容是网页视图实现的。运行效果图如下:

静态图

网址链接.gif

--------------- 实例3 超文本链接 ---------------

实现过程
当用户点击超文本链接时，会在网页视图中显示链接所指的内容具体步骤如下:

(1) 创建一个项目，命名为『』超文本链接『』
(2) 创建一个基于UIButton类的HyperLinks类
(3) 打开 HyperLinks.h文件，编写代码，实现对象，实例变量以及类方法hyperlinksButton的声明。程序代码如下:
(4) 打开HyperLinks.m文件，编写代码。其中，超文本链接的绘制需要使用hyperlinksButton和drawRect:方法实现。hyperlinksButton方法实现超文本链接的创建。程序代码如下:
(5) drawRect:方法，实现超文本连接的绘制。程序代码如下:
(6) 实现按钮的触摸
(7) 打开ViewController.h文件，编写代码，实现插座变量和动作的声明。程序代码如下:
(8) 打开Main.storyboard文件，对ViewController视图控制器的设计界面进行设计，效果图如1.6所示:

需要添加的视图、控件以及对他们的设置如表1-3所示。
(9) 打开ViewController.m文件，编写代码，实现超文本链接并显示。程序代码如下。