1. 程式人生 > >Swift教程_零基礎學習Swift完整例項(一)_swift例項簡介

Swift教程_零基礎學習Swift完整例項(一)_swift例項簡介


一、文章簡介

本人最近開始學習有關Swift這個新東東,由於沒有專案支撐,只能通過官方文件進行自學,精簡的看了Swift官方文件,感覺理解起來還是比較簡單,於是突發奇想,想把官方object-c的sample進行改造,使用Swift完成重點sample的改造,並對在改造過程中出現的問題進行分析,由於是初學,希望各類大牛能夠指出其中錯誤,我會及時修改。預計每天更一篇,爭取本週末搞定。 首先想改造的就是筆者最關心的tableView和CG,最好的例子莫過於Element。下面章節將介紹一下這個例子(由於時間久遠,對於該例子的介紹可能有出入,會在改造過程中及時跟新)。本文使用xcode 6.0.1。
完整原始碼下載(2014年11月6日更新,完美匹配swift,能夠完美執行)

二、Sample說明

本章重點主要介紹並分析Element這個例子的相關內容,幫助大家回憶這個例子的細節。

1、功能介紹

本例以table羅列了元素週期表的元素,並通過tab分了4個緯度(按名稱排序、按編號排序、按簡稱首字母分組並按名稱排序、按狀態分組並按名稱排序)進行排序或分組,點選table的cell能夠翻頁檢視元素的詳細資訊。具體如下圖(這是我按照sample略作修改後的效果,本人比較懶,省略了sample中很多重複性的內容,並將檔案結構按照我的習慣做了調整)。如圖(1-3圖是tab+table多維度展示資料,4-6圖是明細頁面)。 

     

2、技術概述

1.常用的tabView、tableView等常用元件的使用,其中包含了table分組、自定義cell、以及segue的相關應用、View的動畫效果等。 2.CG的很多應用,主要體現在定位繪圖、製作陰影等。 3.plist及xcassets的簡單使用

3、實現過程

非常簡單但內容豐富的例項,分解為以下步驟。 1.繪製頁面及關係 通過storyboard繪製應用的頁面關係並自定義部分類,其中包含分組頁籤tabView、導航欄navigation、展示列表tableView(其中還有列表欄位cell)、明細展示頁面detailView。 2.構造資料物件及對應的service
建立化學元素的實體物件,並建立對應的操作服務,該服務通過plist組裝和處理資料物件集合。 3.列表頁面資訊載入 建立tableVIew資料協議,並按不同維度實現,初始化頁面時通過化學元素物件服務組裝頁面需要顯示的內容。 4.明細頁面資訊展示 將選中行資料傳入datailVIew頁面,該頁面通過CG繪製需要展示的資訊(需要繪製正反2個),並加入切換動畫和陰影。