# Search_Layout

**Repository Path**: ts_ohos/Search_Layout

## Basic Information

- **Project Name**: Search_Layout
- **Description**: 该组件是封装历史搜索记录功能&样式的OHOS自定义搜索框
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-08-11
- **Last Updated**: 2022-09-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Search_Layout

本项目是基于开源项目Search_Layout进行harmonyos化的移植和开发的，可以通过项目标签以及
[github地址](https://github.com/Carson-Ho/Search_Layout)

移植版本：源master1.0.1版本

## 项目介绍
### 项目名称：Search_Layout
### 所属系列：harmonyos的第三方组件适配移植
### 功能：
    一款封装了历史搜索记录功能&样式的自定义搜索框。

### 项目移植状态：完全移植
### 调用差异：基本没有使用差异，请参照demo使用
### 原项目Doc地址：https://github.com/Carson-Ho/Search_Layout
### 编程语言：java

### 项目截图（涉及文件仅供demo测试使用）

![demo运行效果](art/01.jpg)
![运行效果](art/share.gif)

## 安装教程

#### 方案一  
 
可以先下载项目，将项目中的searchview库提取出来放在所需项目中通过build配置
```Java
dependencies {
     implementation project(":searchview")
}
```

#### 方案二

- 1.项目根目录的build.gradle中的repositories添加：
```groovy
    buildscript {
       repositories {
           ...
           mavenCentral()
       }
       ...
   }
   
   allprojects {
       repositories {
           ...
           mavenCentral()
       }
   }
```
- 2.开发者在自己的项目中添加依赖
```groovy
dependencies {
    implementation 'com.gitee.ts_ohos:searchview:1.0.0'
}
```


# How to use
    <scut.carson_ho.searchview.SearchView
            ohos:id="$+id:search_view"
            ohos:height="match_content"
            ohos:width="match_parent" />

监听输入完成：

    SearchView searchView = (SearchView) findComponentById(ResourceTable.Id_search_view);
            searchView.setOnClickBack(this::backAction);
            searchView.setOnClickSearch(this::searchAction);
            
    private void backAction() {
        // 返回
        terminate();
    }
    
    private void searchAction(String string) {
        // 搜索回调
    }

你还可以为输入框定义自己的样式：

    <scut.carson_ho.searchview.SearchView
            ohos:id="$+id:search_view"
            ohos:height="match_content"
            ohos:width="match_parent"
            app:sv_textSizeSearch="20"
            app:sv_textColorSearch="#FF0000"
            app:sv_textHintSearch="请输入需要搜索的内容"
            app:sv_searchBlockHeight="200"
            app:sv_searchBlockColor="#0000FF"/>
            
 ![运行效果](art/search_layout.jpg)