swift UI专项训练37 实时显示搜索结果的搜索框SearchBar

    今天我们来讲点高级点的知识,在搜索框中输入关键字,下方的tableView自动匹配包含关键字的结果。用我最近在做的一款美食类APP为例。

在storyboard中拖入一张表,然后与Vc中的代码关联起来:

@IBOutlet weak var tableView: UITableView!

获取我们所需要的菜品信息:

var caipins = CaipinArray().caipinArray
    var searchResults = [caipin]()

caipins是所有的菜品,searchResults是我们通过搜索的菜品信息,它们都是caipin类,caipin类是我们之前定义好的,格式如下:

import UIKit

class caipin: NSObject {
    var name:String = ""
    var rest:String = ""
    var price:Float = 0
    var score:Float = 0
    var image:String = ""
    var collected:Bool = false
    var taste:String = ""
    var nutrition:String = ""
    init(name:String,rest:String,price:Float,score:Float,image:String,collected:Bool,taste:String,nutrition:String){
    self.name = name
    self.rest = rest
    self.price = price
    self.score = score
    self.image = image
    self.collected = collected
    self.taste = taste
    self.nutrition = nutrition
    }
}

CaipinArray是一个赋值过的菜品类,就不演示代码了,然后我们让vc继承tableview的datasource和delegate,实现这两个类的基本方法,本话重点不在这里就不演示了。

然后我们定义一个UISearchController的类

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值