目标:
接下来则来实现商品首页的搜索模块,也就是这块:
但是呢,此次是要将这个功能通用化,也就是封装一款通用的搜索组件,下面来看一下目标:
实战:HiSearchView组件设计与封装:
需求分析:
其目的在上面也提到了,就是要设计一款灵活可配置的searchView组件,组件各种状态由组件自行管理,不需要使用方重复编码。样式可配置。那对于一款搜索组件它是有几种状态的,清晰知道状态有便于进行组件的设计:
状态说明:
- 初始态:
接下来则来实现商品首页的搜索模块,也就是这块:
但是呢,此次是要将这个功能通用化,也就是封装一款通用的搜索组件,下面来看一下目标:
其目的在上面也提到了,就是要设计一款灵活可配置的searchView组件,组件各种状态由组件自行管理,不需要使用方重复编码。样式可配置。那对于一款搜索组件它是有几种状态的,清晰知道状态有便于进行组件的设计: