来到这里的都是想学习的好朋友,废话不多说。我们直接开始吧。
直接下载可以使用的资源:https://download.csdn.net/download/u011581131/88660490
先来看看效果图:
后补:被搜索的关键字高亮显示:
分步实现:
1.引入中继器,初始化数据,给矩形赋值。
2.调整title和content的样式
3.调整title,content文本过长
[[Item.title.length]]
[[Item.title.Substring(0,30)]]...
4.制作分页
选中中继器,设置分页
添加 上一页,下一页,当前页
添加动作
5.搜索框设置
6.clear图标动作设置,载入时不显示,textEdit点击时显示,单击clear时,隐藏clear,将文本textEdit清空。
7.搜索一下添加筛选
8.clear图标移除筛选
9.将被搜索的文字高亮显示
这里要多说几句,由于有些文本长度过长,所以搜索后仍要做截取字符串的处理,搜索后就显示关键字的前后一段文字,其余文字被忽略。
附上当前的函数:[[Item.title.slice(Item.title.indexOf(LVAR1)-15,Item.title.indexOf(LVAR1))]][[Item.title.slice(Item.title.indexOf(LVAR1),Item.title.indexOf(LVAR1)+LVAR1.length)]][[Item.title.slice(Item.title.indexOf(LVAR1)+LVAR1.length,Item.title.indexOf(LVAR1)+LVAR1.length+10)]]
完成。