美文网首页iOS Developer
基础:第一部分-按钮类效果-实例 ③ 超文本链接

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

作者: 麦穗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文件,编写代码,实现超文本链接并显示。程序代码如下。


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


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

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/jejzettx.html