改變 UIPicker View 中選項寬度的方法

 

先前的文章 UIPicker View 的基本設定方式一文已經介紹了 UIPicker View 的基本使用方式，這裡將針對多個選項的 UIPicker View 分別設定其寬度，方法如下。

設定 UIPicker View 中文字屬性的方法

 

UIPicker View 除了能使用圖片來豐富選項以外，純文字選項透過修改屬性也是可以有很多變化，文字屬性包含文字大小、顏色與字型等等相關參數，本篇將只針對修改文字屬性做示範，如果對 UIPicker View 的設定方式還不是很了解可以參考此篇 UIPicker View 的基本設定方式。

UIPicker View 中同時置入圖片與文字的方法

 

延續前一篇 UIPicker View 中置入圖片的方法，本篇將延續其結尾示範如何使用 UILabel 讓文字與影像同時顯示於一個 UIPicker View 內，請看以下程式碼範例。

UIPicker View 中置入圖片的方法

 

UIPick View 除了文字外圖片當然也可以放入其中可以成為選項之一，之前在 UIPick View 的基本設定方式一文中，已經介紹如可使用 UIPick View 來呈現文字選項，下列就只針對圖片部份進行示範，其程式碼如下。

UIPicker View 的基本設定方式

 

UIPick View 的作用類似於網頁上的下拉式選單（Option），使用捲軸滾動的方式選擇相同屬性內的不同數值，而此元件也可以直接從 Interface Builder 內拉出使用，其方式如下。