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

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

静态图

网址链接.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文件，编写代码，实现超文本链接并显示。程序代码如下。

  
  
  

代码解析:
本实例关键功能是在触摸时按钮的标题颜色变化，以及按钮的下划线。本解析源代码不全。要想学习，请去Demo地址下载:

Demo地址: https://github.com/RenZhengYang/superdreadnought-1.git