en

hi, it seems you are using microsoft internet explorer. it doesn't match web standard and causes problems browsing this site. please please please use mozilla firefox or google chrome instead. thank you!

zh

哦哦!您正在使用Internet Explorer 瀏覽器,它與我們的網頁標準並不相容,可能會導致畫面顯示不正常。
請改用 Mozilla Firefox 或者 Google Chrome 才能正常瀏覽本網站,謝謝!

9.25.2013

隱藏上方狀態欄 Status Bar

 

隨著 iOS 7 的到來,在隱藏 Status Bar 上也有一些不同的做法,下面就分成從 UIStoryboard、UIViewController 檔案 和 info.plist 檔案三方面來介紹。

12.06.2012

手勢辨識 UIGestureRecognizer 物件

  

手勢辨識,是 iOS Device 不可或缺的互動條件之一,辨識的方法除了使用 UITouch 來做觸碰點的擷取外,你也可以例用 UIGestureRecognizer 物件來幫助你做簡單的手勢辨識,UIGestureRecognizer 已經替使用者定義的一些現成的手勢,像是滑動、掐、點擊、旋轉、拖曳或是按住不放等,下面就示範了如何透過 UIGestureRecognizer 物件,使用程式碼和 Storyboard 介面設計的方式來做手勢的辨識。

10.19.2012

實作可以旋轉、拖曳與縮放的 UIView

  

UIView 的旋轉、拖曳與縮放是在 iOS 中很常被使用的技巧,下面我們以 UIImageView 為例,並且透過手指與螢幕的互動來完成這些效果,在互動的部份我們使用手勢辨識 UIGestureRecognizer 物件,你可以參考手勢辨識 UIGestureRecognizer 物件一文,了解 UIGestureRecognizer 的使用方法,並完成相關設定,最後透過 CGAffineTransform 技術來完成 UIImageView 的旋轉、拖曳與縮放動作。

10.18.2012

使用 Appearance 方法自訂你的介面

   

以往我們想要重新自定 iOS SDK 內既有的物件外觀時不是要動到非正規的方法,就是要重新製作一個新的物件好讓它看起來向既有的物件般非常麻煩,不過現在只要透過 iOS 5 SDK 提供的 Appearance Proxy 做幾個簡單的設定,就可以非常輕鬆的為你的物件自訂新的外觀。

6.08.2012

使用 UIGestureRecognizer 取得點擊畫面時的座標位置

若要取得點擊畫面時的對應座標,除了可以使用 UITouch 來取得與畫面互動時的事件外,還可以利用 UIGestureRecognizer 手勢辨識的方法來達成此目的,兩者最大的不同是,前者,UITouch 會回應每一個觸碰事件,包含點擊畫面、移動與手指放開畫面,使用者必須自行建立一套規則來判斷所要擷取的事件,如果只是針對一個簡單的點擊事件,則會顯得有些瑣碎,而後者,UIGestureRecognizer 則是先建立一套制式的規則,像是滑動、點擊或是拖曳等,等到觸碰事件符合所設定的制式規則時才去做回應。

5.07.2012

使用 UIPageControl 與 UIScrollView 來實作畫面切換的效果

  

使用 UIPageControl 與 UIScrollView 來實作畫面切換的效果,在 iOS 中應該算是最常見的應用。UIPageControl,一個可以顯示目操作狀態 UIControl 元件;UIScrollView 一個提供捲軸功能的 UIView 元件,下面就來看看如何透過這兩個元件來幫助我們達成切換畫面的效果。

2.17.2012

改變 UITableView 外觀的方法

  

UITableView 所製作出來的應用程式在使用上多半大同小異,它們之間最大的不同還是在表格的呈現方面,如何設計出具有獨特外觀的 UITableView,才是令人頭痛的問題,通常是選擇製作一個全新的 UITableViewCell 來使用,但是你也可以採用比較簡單的做法,使用內建的方法函式來做些微的改變,方式如下。

2.13.2012

UITableView 中移動項目的方法

  

延續之前與 UITableView 相關的文章,你可以在「索引式搜索」中的「元件設定」分類裡找到所有有關 UITableView 的文章,UITableView 支援項目新增、移動、與刪除等操作,而本篇要介紹的是 UITableView 中項目的移動方法,之前已經介紹過 UITableView 編輯功能中的新增與刪除方法,為了能有更完整的介紹,將延續之前的程式碼,如果表格對應的資料結構有任何問題,可以參考文章 UITableView 的分類顯示 Sections 一文,來瞭解範例程式碼中的資料結構。

2.10.2012

動態增加 UITableView 中項目的方法

  

延續之前與 UITableView 相關的文章,你可以在「索引式搜索」中的「元件設定」分類裡找到所有有關 UITableView 的文章,UITableView 支援項目新增、移動、與刪除等操作,而本篇要介紹的是新增項目的方法,在此提供兩種方法來動態新增表格內的項目:透過 UIBarButtonItem 與按下編輯表格時增加一個新增項目的欄位。

2.06.2012

UITableView 刪除項目的方法

 

延續之前與 UITableView 相關的文章,你可以在「索引式搜索」中的「元件設定」分類裡找到所有有關 UITableView 的文章,UITableView 支援項目新增、移動、與刪除等操作,下面先重對 UITableView 刪除項目的方法開始說起。

2.03.2012

UITableView 的分類顯示 Sections

   

在之前的文章UITableView 的資料設定方式一文中,已經示範如何在 UITableView 中設定所要顯示的資料,以及分別顯示這些資料的細節,但是如果資料比數太多時該怎麼辦?你可以參考本篇文章的做法,將資料做分類的處理,並且建立快速索引,讓使用者能以最短的時間找到所需要的資料。

1.30.2012

UITableView 的資料設定方式

 

UITableView 是 iOS 中,非常重要的使用者介面 ,仔細觀察 iOS 的應用程式,不然發現絕大部份的應用程式都會用上 UITableview,它的特性就是可以一次瀏覽所有的項目,並且可以用階層的方式顯示項目的細節。下面將從使用 Master-Detail Application 專案樣板開始,製作出一個簡單的 UITableView 的瀏覽介面,包含項目的設定與它的細節。

1.02.2012

使用 Storyboard Segue 實作 UIViewController 的切換(下)

 

延續前一篇的文章使用 Storyboard Segue 實作 UIViewController 的切換(上),我們已經成功建立兩個可以互相切換的 UIViewController,一個是透過 Storyboard Segue 來切換,另一個則是使用 dismissViewControllerAnimated: 的方法來返回先前的 UIViewController,接下來就是要解決兩個 UIViewController 之間傳值的問題,這裡同樣提供兩個方法,在頁面 1 的部份同樣使用 Storyboard Segue 來幫助我們傳遞資訊給頁面 2,而在頁面 2 的部份,則是使用老方法,透過代理委托 delegate 的方式來傳送資訊。

12.30.2011

使用 Storyboard Segue 實作 UIViewController 的切換(上)

 

Storyboard 是在 iOS 5 SDK 中才出現的新名詞,它其實就是原本的 Xib 檔案(Interface Builder),用來製作介面排版方面的工具,當然在 Storyboard 裡也多了很多應用的元件,其中  Storyboard Segue 可以讓你幾乎連程式碼都不用寫,就輕鬆完成兩個 UIViewController 的切換工作,以下是我們的示範。

12.12.2011

UIStepper 的基本使用方式

 

UIStepper 是在 iOS 5 SDK 開始才出現的新元件,此元件包含兩個按鈕「+」與「-」,讓使用者可以依照自己喜好做數值上的調整,下面就讓我們來看看 UIStepper 的基本使用方法。

10.28.2011

簡單判斷 Swipe 手勢劃過方向的方法

 

Swipe 手勢指的手指在畫面上快速拖曳或是擦拭的動作,這在 iOS 系統中最常被使用到的操作方式,判斷手指劃過畫面的方式可以由最基本的 UITouch 事件來獲得,UITouch 事件可以捕捉使用者對於觸碰螢幕的操作行為,像是手指觸碰畫面、手指離開畫面或是手指在畫面上移動等等,藉由綜合這些事件並做計算就可以算出手指劃過畫面的等等資訊,但是如果你的應用程式並不需要這麼複雜的手勢操作,那麼就可以考慮使用 UISwipeGestureRecognizer 來製作簡單的手勢辨識。

10.18.2011

一些 UIView 中管理 Subview 常用的方法

  

 一個 UIView 裡面可以包含許多的 Subview(其他的 UIView),而這些 Subview 彼此之間是有所謂的階層關係,這有點類似繪圖軟體中圖層的概念,下面程式碼示演示了幾個在管理圖層(Subview)上常用的方法,其程式碼如下。

9.19.2011

ADBannerView 的基本使用方法

  

本範例只著重在如何使用 ADBannerView 並沒有 iAD 的相關設定與申請流程,至於其他行動廣告的部份大家可以參考行動廣告 Banner!讓你賺大錢!一文。

8.29.2011

關於 UISegmentedControl 的基本設定方式

 

UISegmentedControl 可以製作出多選項的按鈕物件,有點類似 Radio Button 的感覺,使用者在同一組選項中,一次只能選擇一個項目,每一個項目的背後都會有一個對應值,它們可以是該項目的 Title 、Index 或是自行設定的 Array 參數,下面程式碼將示範如何建立一個 UISegmentedControl 並設定其中的選項,其程式碼如下。

8.01.2011

從 URL 位址讀取影像到 UIImage 的方法


在設定 UIImage 的影像時,除了可以使用本機端的 Local 的影像資料,也可以透過 URL 網路位置來做影像內容上的設定,當然前提是你得要能連上網際網路才行,其設定方式如下。