搜索框

转载 2018年04月15日 20:34:47

//搜索框布局(layout_search)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:padding="8dp"
    android:background="@drawable/search_bg"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="@dimen/search_height"
        android:layout_height="@dimen/search_height"
        android:src="@drawable/a_4"/>

    <EditText
        android:layout_width="0dp"
        android:layout_height="@dimen/search_height"
        android:layout_weight="1"
        android:id="@+id/search_content"
        android:background="@null"/>
    <ImageView
        android:layout_width="@dimen/search_height"
        android:layout_height="@dimen/search_height"
        android:src="@drawable/root"/>

</LinearLayout>
//自定义的搜索框

package com.example.mysearchview;/** * Created by lenovo on 2018/4/12. */import android.content.Context;import android.support.annotation.Nullable;import android.util.AttributeSet;import android.view.View;import android.widget.EditText;import android.widget.LinearLayout;/** * 1.组合控件 * 将原有的控件组合起来成为一个整体---控件 * <p> * 1.根据需求,写布局文件 * 2.布局文件---View * 3.逻辑 * <p> * 2.自定义View * 3.自定义ViewGroup * <p> * 构造 * onDraw * 绘制,文字,图片,颜色,形状 * onMeasure * 测量 * onLayout * 布局 * onSizeChange * 当控件大小改变是调用 * onTouchEvent * 处理触摸事件 */public class MySearchView extends LinearLayout{ private EditText search_content; public MySearchView(Context context) { this(context,null); } public MySearchView(Context context, @Nullable AttributeSet attrs) { this(context,attrs,0); } public MySearchView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); View view = View.inflate(context, R.layout.layout_search, this); search_content = (EditText) view.findViewById(R.id.search_content); } public String getContent(){ return search_content.getText().toString(); }}
//主布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent" tools:context="com.example.mysearchview.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <com.example.mysearchview.MySearchView
            android:layout_width="0dp"
            android:layout_height="45dp"
            android:layout_weight="1"
            android:id="@+id/mysearch"></com.example.mysearchview.MySearchView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tv_search"
            android:text="搜索"/>
    </LinearLayout>

</LinearLayout>
//主方法

package com.example.mysearchview;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.TextView;import android.widget.Toast;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final MySearchView mySearchView= (MySearchView) findViewById(R.id.mysearch); TextView textView = (TextView) findViewById(R.id.tv_search); textView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String content = mySearchView.getContent(); Toast.makeText(MainActivity.this,content,Toast.LENGTH_SHORT).show(); } }); }}
//values里的dimens布局
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <dimen name="search_height">30dp</dimen>

</resources>

//draw able里的search——bg方法
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size
        android:width="50dp"
        android:height="@dimen/search_height" />
    <solid android:color="#55999999" />
    <corners android:radius="18dp" />

</shape>

搜索框search搜索框search

  • 2009年05月23日 19:11
  • 5KB
  • 下载

爱淘宝搜索框代码淘宝搜索框代码

  • 2015年04月18日 16:27
  • 1KB
  • 下载

js带搜索框的下拉列表

  • 2017年05月31日 09:45
  • 32KB
  • 下载

使用bootstrap制作搜索框

在项目开发过程中,我们或多或少都会使用到搜索选项, 那么如何制作一个标准,好看的搜索框呢,这里推荐bootstrap自带的一个控件-input-group 这个控件在bootstrap中文网上没有...
  • wuhawang
  • wuhawang
  • 2016-08-16 09:51:10
  • 29873

CSS美化的漂亮搜索框(二)

效果如下图所示: HTML Code: CSS美化的漂亮搜索框 body{ font: normal 100% 'Arial','Helve...
  • kalision
  • kalision
  • 2012-02-28 16:39:23
  • 6867

HTML5新控件 - 搜索框

搜索框即为search类型的输入框,当在其中输入内容时,右侧会出现一个X图标。单击即可清除搜索框。 其它就与文本框无异。...
  • u014063717
  • u014063717
  • 2016-03-17 15:29:38
  • 3217

6种非常精美的Web前端搜索框展示(附源码)(二)

  • 2014年08月01日 16:35
  • 26KB
  • 下载

仿QQ界面之搜索框

概要 好久都没更了...大学考试你懂得“一天一本书,一周一学期”。。。今天上午刚考完试,我们的仿QQ界面还没做完,今天我们继续,由于刚考完试,让我缓一缓先来一个简单的作为下一步的铺垫 效果演示 我...
  • baidu_25537855
  • baidu_25537855
  • 2015-06-22 12:18:03
  • 2918

CSS漂亮搜索框代码

制作方法: 一是整体处理一个背景,以透明gif图的方式定位到搜索框,或者切分开,这种方法加载快,而且灵活性更高。 效果图: 素材: 源代码: http://www.w3.org/TR...
  • shuxi123456789
  • shuxi123456789
  • 2012-04-17 09:47:58
  • 1214

android搜索框功能实现

这里实现的是搜索框时时查询,代码中是在数据库中使用的模糊查询; 整个布局使用的是线性布局,搜索框又是一个线性布局(里面包含一个相对布局和一个TextView,相对布局里面有一个EditText和Ima...
  • Zheng_Jiao
  • Zheng_Jiao
  • 2016-05-21 23:33:24
  • 9998
收藏助手
不良信息举报
您举报文章:搜索框
举报原因:
原因补充:

(最多只允许输入30个字)