UISearchBar 模块demo分享

得呤

UISearchBar 是一个独立的搜索页面，相当于打开一个 window 。 本模块可实现的主要功能有：

1，设置输入框占位提示文字
  可通过 open 接口的 placeholder 参数配置
2，设置搜索历史记录条数
  可通过 open 接口的 historyCount 参数配置
3，设置历史记录存储位置
  可通过 open 接口的 dataBase 参数配置
4，设置搜索页面样式
  可通过 open 接口的 styles 参数配置
5，清空历史记录
  可通过 clearHistory 接口实现

文档链接

open
打开搜索页面

1. var UISearchBar = api.require('UISearchBar');
   
2. UISearchBar.open({
   
3.     placeholder: '请输入搜索关键字',
   
4.     historyCount: 10,
   
5.     showRecordBtn: true,
   
6.     texts: {
   
7.         cancelText: '取消',
   
8.         clearText: '清除搜索记录'
   
9.     },
   
10.     styles: {
    
11.    
    
12.     }
    
13. }, function(ret, err) {
    
14.     if (ret) {
    
15.         alert(JSON.stringify(ret));
    
16.     } else {
    
17.         alert(JSON.stringify(err));
    
18.     }
    
19. });

复制代码

close
关闭搜索页面

1. var UISearchBar = api.require('UISearchBar');
   
2. UISearchBar.close();

复制代码

setText
设置搜索框的文字

1. var UISearchBar = api.require('UISearchBar');
   
2. UISearchBar.setText({
   
3.     text: '设置语音识别的文本'
   
4. });

复制代码

clearHistory
清空当前搜索历史记录

1. var UISearchBar = api.require('UISearchBar');
   
2. UISearchBar.clearHistory();

复制代码

模块预览图如下

Hybrid开发

不输入内容   无法执行搜索内容   无法清空搜索内容

HOST

这个搜索框如果在沉浸模式下，会顶到屏幕最顶，和状态栏重叠，如何控制它的显示位置呢？

得呤

复现一下代码

得呤

https://docs.apicloud.com/Client ... UISearchBar#setText
使用接口清空试试

得呤

需要输入内容

六土

刘海屏幕的适配有问题，顶部和状态栏重合了，测试手机，iphone xr

六土

得呤 发表于 2018-12-20 09:57
复现一下代码

刘海屏幕的适配有问题，顶部和状态栏重合了，测试手机，iphone xr

得呤

其他页面适配正常吗

爱视界

得呤 发表于 2019-3-11 09:51
其他页面适配正常吗

苹果XR适配有问题