Swift UIPickerView 的基本使用

一省艳、UIPickerView的使用和介紹

UIPickerView是一個選擇器控件亲茅,它比UIDatePicker更加通用沮脖,它可以生成單列的選擇器金矛,也可生成多列的選擇器,而且開發(fā)者完全可以自定義選擇項的外觀勺届,因此用法非常靈活。UIPickerView直接繼承了UIView娶耍,沒有繼承UIControl免姿,因此,它不能像UIControl那樣綁定事件處理方法榕酒,UIPickerView的事件處理由其委托對象完成胚膊。使用UIPickerView的對象應該遵守UIPickerViewDataSource,UIPickerViewDelegate。

二想鹰、UIPickerView 的初始化

let pickerView = UIPickerView.init(frame: CGRect.init(x: 100, y: 80, width: 200, height: 200))
/*
 設置兩個代理
 */
pickerView.dataSource = self
pickerView.delegate = self
/*
 設置背景色
 */
pickerView.backgroundColor = UIColor.gray
/*
 是否顯示默認選中的Row背景處于高亮的狀態(tài)
 false : 為默認
 true  : 高亮狀態(tài)
 */
pickerView.showsSelectionIndicator = true//(iOS13.0later被廢棄)
/*
 渲染到視圖上
 */
self.view.addSubview(pickerView)

三紊婉、 UIPickerView的代理

// MARK: 代理事件的實現(xiàn)
// TODO:這是返回每一Row的寬度
func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
     return 200.0
}
//TODO: 設置每一個Row的高度
func pickerView(_ pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
    return 60.0
}

// TODO:這是選擇哪一個Row,調(diào)用的函數(shù)
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    print("我選擇了第"+"\(row)"+"行")
}

// TODO: 返回每一個Row的文本
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    return (SourceData.object(at: row) as! String)
}

// TODO: 可以設置哪一行顯示特定的樣式
func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
    // 創(chuàng)建一個對象
    let specificView = UIView.init()
    specificView.frame = CGRect.init(x: 10, y: 5, width: 100, height: 60)
    specificView.backgroundColor = UIColor.magenta
    /**
     創(chuàng)建一個標題
     */
    let specificLable = UILabel.init(frame: CGRect.init(x: 5, y: 0, width: 90, height: 60))
    specificLable.text = (SourceData[row] as! String)
    specificLable.textColor = UIColor.white
    specificView.addSubview(specificLable)
    return specificView
}

// TODO : 設置每個Row的文本顯示的樣式參數(shù)
func pickerView(_ pickerView: UIPickerView, attributedTitleForRow row: Int, forComponent component: Int) -> NSAttributedString? {
    /**
     我們要第四行,顯示紅色辑舷,并18號字體
     */
    let attributedString = NSAttributedString.init(string:(SourceData[row] as! String), attributes: [NSFontAttributeName:UIFont.boldSystemFont(ofSize: 18),NSForegroundColorAttributeName:UIColor.red])
    return  attributedString
}

//MARK : UIPickerViewDataSource 的代理事件
// TODO: 返回列表的組數(shù)
func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 1
}
// TODO : 這是設置返回列表的個數(shù)
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    return SourceData.count
}

四喻犁、設置數(shù)據(jù)

func createDataSource() {
    SourceData = ["安其拉","白起","不知火舞","妲己","狄仁杰","典韋","韓信","老夫子","劉邦","劉禪","魯班七號","墨子","孫臏","孫尚香","孫悟空","項羽","亞瑟","周瑜"]
}

五 、UIPickerView的一些get 屬性介紹

/**
 `獲取返回組的個數(shù)`
 */
let rowCount =pickerView.numberOfComponents
print(rowCount)

/**
 `設置指定組何缓,返回的row的個數(shù)`
 */
pickerView.numberOfRows(inComponent: 1)

/**
 `獲取某一組的大小`
 */
let componentSize =  pickerView.rowSize(forComponent: 1)
print(componentSize.width,componentSize.height)

4肢础、獲取指定組的指定列的View

/**
 獲取指定組和指定列的View
 */
let NwComponentRowView = pickerView.view(forRow: 2, forComponent: 1)
NwComponentRowView?.backgroundColor = UIColor.brown

5、UIPickerView的數(shù)據(jù)更新

/**
` 更新所有組的數(shù)據(jù)`
 */
pickerView.reloadAllComponents()

/**
 `更新指定組的數(shù)據(jù)`
 */
pickerView.reloadComponent(1)

/**
 `指定選中某一組的某一行`
 */
pickerView.selectRow(3, inComponent: 1, animated: true)

/**
 `獲取指定組的哪一行被選中`
 */
let NwSelecdRow = pickerView.selectedRow(inComponent: 1)
print(NwSelecdRow)
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末碌廓,一起剝皮案震驚了整個濱河市传轰,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌谷婆,老刑警劉巖慨蛙,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異纪挎,居然都是意外死亡期贫,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進店門廷区,熙熙樓的掌柜王于貴愁眉苦臉地迎上來唯灵,“玉大人,你說我怎么就攤上這事隙轻〔号粒” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵玖绿,是天一觀的道長敛瓷。 經(jīng)常有香客問我,道長斑匪,這世上最難降的妖魔是什么呐籽? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上狡蝶,老公的妹妹穿的比我還像新娘庶橱。我一直安慰自己,他們只是感情好贪惹,可當我...
    茶點故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布苏章。 她就那樣靜靜地躺著,像睡著了一般奏瞬。 火紅的嫁衣襯著肌膚如雪枫绅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天硼端,我揣著相機與錄音并淋,去河邊找鬼。 笑死珍昨,一個胖子當著我的面吹牛县耽,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播曼尊,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼酬诀,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了骆撇?” 一聲冷哼從身側(cè)響起瞒御,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎神郊,沒想到半個月后肴裙,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡涌乳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年蜻懦,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夕晓。...
    茶點故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡宛乃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蒸辆,到底是詐尸還是另有隱情征炼,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布躬贡,位于F島的核電站谆奥,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏拂玻。R本人自食惡果不足惜酸些,卻給世界環(huán)境...
    茶點故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一宰译、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧魄懂,春花似錦沿侈、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至肃廓,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間诲泌,已是汗流浹背盲赊。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留敷扫,地道東北人哀蘑。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像葵第,于是被迫代替她去往敵國和親绘迁。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,055評論 2 355

推薦閱讀更多精彩內(nèi)容

  • UIPickerView也是一個選擇器控件卒密,它比UIDatePicker更加通用缀台,它可以生成單列的選擇器,也可生成...
    小蘑菇2閱讀 3,577評論 3 5
  • 簡介:UIPickerView 是一個選擇器控件哮奇,它比 UIDatePicker 更加通用膛腐,它可以生成單列的選擇器...
    rebeccaBull閱讀 244評論 0 0
  • UIPickerView 屬于UIView的子類 UIDataPicker時間類UIPickerView簡介:U...
    闖先生的貓閱讀 2,568評論 1 5
  • 好長時間沒有寫文章了,感覺自己都迷失了自我鼎俘。從今天開始哲身,腳踏實地的積累自己學習的經(jīng)驗。希望能對初學者有幫助贸伐。 摘要...
    火之夜工作室閱讀 212評論 0 1
  • UIPickerView是一個選擇器控件勘天,它比UIDatePicker更加通用,它可以生成單列的選擇器捉邢,也可生成多...
    諾馨閱讀 560評論 0 3