UIPicker View 中置入圖片的方法

 

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

//內建函式印出圖片在Picker上
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view {

    switch (component) {
        case 0:
            return [orderImage objectAtIndex:row];
        break;

        //如果有一組以上的選項就在這裡以component的值來區分
        default:
            return [enemyImage objectAtIndex:row];
        break;
    }
}


上述程式碼中，orderImage 與 enemyImage 皆是存放 UIImageView 的 NSArray，此內建函式與設定文字相同，會將回傳的 UIView 顯示於 UIPick View 中，可透過變數 component 目前所設定的是那一組選項內的影像。

如果是想要圖片與文字同時存在的話也可以使用此內建函式來處理輸出的部份，文字部份只要使用 UILabel 來代替即可，由於 UILabel 本身也符合 UIView 的類別，因次回傳值時只要回傳 UILabel 就可以將文字顯示於畫面上了。