来到这里的都是想学习的好朋友,废话不多说。我们直接开始吧。

直接下载可以使用的资源: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)]]

完成。

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐