搜索框

本文介绍了一款名为SearchLayout的搜索布局组件的使用方法,包括如何导入控件库、设置搜索框样式以及设置点击键盘上搜索按键和返回按键后的操作。

具体使用

该款SearchLayout使用非常简单,仅需2步:

步骤1:导入控件库

主要有 Gradle & Maven 2种方式:

  • 方式1:Gradle引入依赖 build.Gradle
dependencies {
    compile 'com.carson_ho:SearchLayout:1.0.1'
}
  • 方式2:Maven引入依赖 pom.xml
<dependency>
  <groupId>com.carson_ho</groupId>
  <artifactId>SearchLayout</artifactId>
  <version>1.0.1</version>
  <type>pom</type>
</dependency>

步骤2:设置搜索框样式

  • 具体属性设置

示意图

  • 使用示例 在XML文件中进行设置 activity_main.xml
<scut.carson_ho.searchview.SearchView
        android:id="@+id/search_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:textSizeSearch="5dp"
        app:textColorSearch="#3F51B5"
        app:textHintSearch="输入查询关键字"
        app:searchBlockHeight="150"
        app:searchBlockColor="#ffffff"
        />

步骤3:设置点击键盘上的搜索按键 & 返回按键后的操作

MainActivity.java

// 1. 初始化搜索框变量
    private SearchView searchView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        // 2. 绑定视图
        setContentView(R.layout.activity_search);

        // 3. 绑定组件
        searchView = (SearchView) findViewById(R.id.search_view);

        // 4. 设置点击键盘上的搜索按键后的操作(通过回调接口)
        // 参数 = 搜索框输入的内容
        searchView.setOnClickSearch(new ICallBack() {
            @Override
            public void SearchAciton(String string) {
                System.out.println("我收到了" + string);
            }
        });
        
        // 5. 设置点击返回按键后的操作(通过回调接口)
        searchView.setOnClickBack(new bCallBack() {
            @Override
            public void BackAciton() {
                finish();
            }
        });
    }
}
<think>我们正在讨论HTML搜索框的实现和使用。根据用户提供的引用,特别是引用[1]中展示了一个基础的表单提交方式的搜索框,而引用[2]提到了使用querySelector和addEventListener方法来实现交互式搜索栏。用户的问题集中在“HTML搜索栏实现使用”,因此我们需要结合之前提供的详细回答和引用内容,给出一个更贴合用户需求的解答。###核心思路:1.**基础表单实现**:直接使用HTML的form表单,通过GET方法提交到搜索引擎(如必应)。2.**样式自定义**:使用CSS美化搜索框。3.**交互功能**:使用JavaScript实现实时搜索建议、自定义搜索引擎等。###具体实现步骤:####1.基础表单搜索(引用[1]的方式)```html<!DOCTYPEhtml><html><head><title>搜索</title></head><body><formaction="https://cn.bing.com/search"method="get"><inputtype="text"name="q"placeholder="请输入关键词"><inputtype="submit"value="搜索"></form></body></html>```-说明:这种方式是最简单的,用户输入关键词后,点击提交按钮,页面会跳转到必应搜索的结果页面。####2.美化搜索框样式(使用CSS)我们可以为上面的表单添加样式,使其更加美观。```html<!DOCTYPEhtml><html><head><title>搜索</title><style>.search-container{display:flex;width:500px;margin:50pxauto;}.search-containerinput[type="text"]{flex:1;padding:10px;font-size:16px;border:2pxsolid#4CAF50;border-radius:4px004px;}.search-containerinput[type="submit"]{padding:10px20px;background:#4CAF50;color:white;border:none;border-radius:04px4px0;cursor:pointer;}</style></head><body>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值