前言:本實例的功能是超文本連接,將直接在下方顯示網頁內容。其中,超文本鏈接是使用按鈕實現的,出現的內容是網頁視圖實現的。運行效果圖如下:
靜態圖
網址鏈接.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