Swift UI控件 UIPickerView 、UISearchBar 、UIDatePicker

在顶部签相关的协议

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource, UISearchBarDelegate {
}

UIPickerView的相关属性

// 创建 UIPickerView 并设置其位置大小
let pickerView = UIPickerView(frame:CGRect(x: 20, y: 300, width:slider.bounds.size.width, height: 200))
// 设置代理
pickerView.delegate = self
pickerView.dataSource = self
// 添加到视图上
self.view.addSubview(pickerView)


/*
 *** UIPickerView 代理方法
 */
 // 分组行数
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        
    if component == 0 {
            
        return 5
    }else {
        return 10
    }
}
// 分组数
func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 2
}
// 每行的标题
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    return "第\(component + 1)组,第\(row + 1)行"
}
// 文字设置
func pickerView(_ pickerView: UIPickerView, attributedTitleForRow row: Int, forComponent component: Int) -> NSAttributedString? {
        
    let attributed = NSMutableAttributedString(string:"第\(component + 1)组,第\(row + 1)行")
    attributed.addAttributes([NSAttributedStringKey.foregroundColor: UIColor.red], range: NSRange(location: 0, length: attributed.length))
    return attributed
}
// 宽度方法
func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
        
    if component == 1 {
            
        return 280
    }else {
         return 150
    }        
}



UISearchBar 的相关属性

// 创建 UISearchBar 并设置其位置大小
let searchBar = UISearchBar(frame:CGRect(x: 20, y: 500, width: pickerView.bounds.size.width, height: 30))
// 设置样式:
searchBar.searchBarStyle = UISearchBarStyle.minimal
// 设置提示文字
searchBar.placeholder = "请输入你要搜索的内容"
// 显示取消按钮
searchBar.showsCancelButton = true
// 显示搜索结果
searchBar.showsSearchResultsButton = true
// 设置代理
searchBar.delegate = self
// 添加到视图
self.view.addSubview(searchBar)


/*
 *** UISearchBar的协议方法
 */
// 是否开始进行编辑
func searchBarShouldBeginEditing(_ searchBar: UISearchBar) -> Bool {
        
    return true // 允许进入编辑状态
}
// 已经进行编辑状态
func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) {
        
}
// 已经结束编辑状态
func searchBarTextDidEndEditing(_ searchBar: UISearchBar) {
        
}
// 是否结束编辑
func searchBarShouldEndEditing(_ searchBar: UISearchBar) -> Bool {
        
    return true
}
// 文本变化调用的方法
func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
        
}
// 文本将要变化调用的方法
func searchBar(_ searchBar: UISearchBar, shouldChangeTextIn range: NSRange, replacementText text: String) -> Bool {
    return true
}
// 点击键盘上的搜索调用的方法
func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
    print("键盘上的搜索按钮")
}
// 点击取消按钮调用的方法
func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
    print("取消按钮")
}



UIDatePicker 的相关属性

// 创建 UIDatePicker 并设置其位置大小
let datePicker = UIDatePicker(frame:CGRect(x: 20, y: 550, width: pickerView.bounds.size.width, height: 200))
// 将日期选择器区域设置为中文,则选择器日期显示为中文
datePicker.locale = Locale(identifier: "zh_CN")
// 点击事件:注意:action 里面的方法名后面需要加个冒号
datePicker.addTarget(self, action: #selector(dateChange), for: .valueChanged)
// 添加到视图上
self.view.addSubview(datePicker)


// 日期选择器响应方法
@objc func dateChange(datePicker: UIDatePicker) {
    // 更新提醒时间文本框
    let formatter = DateFormatter()
    // 日期格式
    formatter.dateFormat = "yyyy年MM月dd日 HH:mm:ss"
    print(formatter.string(from: datePicker.date))
}
 
 
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容