标签：UISearchBar APICloud app AVM 搜索 stml 使用 组件 animate

很多 APP 中都有搜索功能的需求，本文介绍怎么使用 avm 多端组件快速实现搜索功能。

在 APICloud 模块库搜索 animate-UISearchBar，添加到项目。多端组件需要下载源码，引入到项目使用。

animate-UISearchBar 有的功能：搜索占位提示语、搜索记录、清除搜索记录、搜索触发事件、取消搜索事件、可使用css自定义样式。

下载后解压的组件目录如下图：

其中animate-UISearchBar.stml为组件文件，放到项目的components 目录下，如图：

在需要使用的页面使用import语句引入组件animate-UISearchBar.stml，如图：

引用语句： import "../components/animate-UISearchBar/animate-UISearchBar.stml";

运行效果如下图：

​

 通过以上过程，可以看到使用组件方便快捷，可以提高项目开发效率。

如果对怎么添加模块，调试模块还不熟悉，可参考以下文档：

模块使用教程：https://www.csdn.net/article/2022-01-26/122697219

studio 3 教程文档

studio 3 真机调试文档

​

标签：UISearchBar,APICloud,app,AVM,搜索,stml,使用,组件,animate
来源： https://www.cnblogs.com/fc-uz/p/15906062.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。