Swift版仿天猫搜索界面

本文介绍了如何使用Swift仿制天猫的搜索界面,包括界面分析、技术实现和关键代码展示。通过Xib布局,创建两个视图,一个装按钮和搜索框,另一个装滚动的ScrollView。在ScrollView中使用自定义布局的CollectionView展示‘猜你所想’和‘最近搜索’。通过搜索控件代理方法响应用户输入,动态加载数据。
摘要由CSDN通过智能技术生成

最近在逛天猫,发现天猫的搜索框还不错,于是就决定动手实现一下这个界面,按照我的习惯首先是分析这个界面,然后构思实现的技术点,之后再动手写代码。

先上效果图:


分析:

1:仔细看了看天猫的整体界面,我的想法是分为两个view,上面一个view装按钮、搜索框,下面一个view就是装一个可以滚动的ScrollView,看这种布局,所以ScrollView上面放一个CollectView(具有九宫格样式),好了,大致的控件摸清楚了,如何实现呢!不要急,一步步来

2:第一步分析整体界面,我用的xib布局整个界面,既然用到了xib,想要加载数据就得注册cell和定义Layout,而“猜你所想”和“最近搜索”是CollectView中的两个组头,所以想打好第一步,把该做的都搭好

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值