Android EditText搜索框实现图标居中

类似这样EditText 搜索框,hiht 提示有一个icon并且text内容。

重写EditText :

package mobi.truekey.weapp2.widget; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.widget.EditText; import mobi.truekey.weapp2.R; public class SearchView extends EditText { private float searchSize = 0; private float textSize = 0; private int textColor = 0xFF000000; private Drawable mDrawable; private Paint paint; public SearchView(Context context, AttributeSet attrs) { super(context, attrs); InitResource(context, attrs); InitPaint(); } private void InitResource(Context context, AttributeSet attrs) { TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.searchedit); float density = context.getResources().getDisplayMetrics().density; searchSize = mTypedArray.getDimension(R.styleable.searchedit_imagewidth, 18 * density + 0.5F); textColor = mTypedArray.getColor(R.styleable.searchedit_textColor, 0xFF848484); textSize = mTypedArray.getDimension(R.styleable.searchedit_textSize, 14 * density + 0.5F); mTypedArray.recycle(); } private void InitPaint() { paint = new Paint(Paint.ANTI_ALIAS_FLAG); paint.setColor(textColor); paint.setTextSize(textSize); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); DrawSearchIcon(canvas); } private void DrawSearchIcon(Canvas canvas) { if (this.getText().toString().length() == 0) { float textWidth = paint.measureText("搜索"); float textHeight = getFontLeading(paint); float dx = (getWidth() - searchSize - textWidth - 8) / 2; float dy = (getHeight() - searchSize) / 2; canvas.save(); canvas.translate(getScrollX() + dx, getScrollY() + dy); if (mDrawable != null) { mDrawable.draw(canvas); } canvas.drawText("搜索", getScrollX() + searchSize + 8, getScrollY() + (getHeight() - (getHeight() - textHeight) / 2) - paint.getFontMetrics().bottom - dy, paint); canvas.restore(); } } @Override protected void onAttachedToWindow() { super.onAttachedToWindow(); if (mDrawable == null) { try { mDrawable = getContext().getResources().getDrawable(R.drawable.search); mDrawable.setBounds(0, 0, (int) searchSize, (int) searchSize); } catch (Exception e) { } } } @Override protected void onDetachedFromWindow() { if (mDrawable != null) { mDrawable.setCallback(null); mDrawable = null; } super.onDetachedFromWindow(); } public float getFontLeading(Paint paint) { Paint.FontMetrics fm = paint.getFontMetrics(); return fm.bottom - fm.top; } }

attr:

<declare-styleable name="searchedit"> <attr name="imagewidth" format="dimension" /> <attr name="textSize" format="dimension" /> <attr name="textColor" format="color" /> </declare-styleable>

drawable背景:

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="6dp" /> <solid android:color="@color/white" /> </shape>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-10-24 05:03:42

Android EditText搜索框实现图标居中的相关文章

Android 根据EditText搜索框ListView动态显示数据_Android

根据EditText搜索框ListView动态显示数据是根据需求来的,觉得这之中涉及的东西可能比较的有意思,所以动手来写一写,希望对大家有点帮助. 首先,我们来分析下整个过程: 1.建立一个layout,包含一个EditText搜索框和一个ListView 2.创建一个数据集mData,用于ListView的Adapter的创建 3.添加EditText的文本改变的监听器 4.利用notifyDataSetChanged()动态更新ListView 第一步:创建一个搜索框 这个还是比较容易的,这

Android 根据EditText搜索框ListView动态显示数据

根据EditText搜索框ListView动态显示数据是根据需求来的,觉得这之中涉及的东西可能比较的有意思,所以动手来写一写,希望对大家有点帮助. 首先,我们来分析下整个过程: 1.建立一个layout,包含一个EditText搜索框和一个ListView 2.创建一个数据集mData,用于ListView的Adapter的创建 3.添加EditText的文本改变的监听器 4.利用notifyDataSetChanged()动态更新ListView 第一步:创建一个搜索框 这个还是比较容易的,这

Android Material 搜索框实现详细说明

本文讲的是Android Material 搜索框实现详细说明, 关于我的应用,我收到了一些用户的反馈,他们反馈最多的是缺少搜索功能.对于像 Memento Calendar 这种囊括了诸如社交时间,纪念日,银行休假日,信息来源错综复杂的应用,我很赞同搜索是这个应用最重要的功能之一.问题是这个功能已经被实现了.Toolbar 里的一个搜索图标引导用户到一个搜索界面. A user can search by tapping the search icon on the Toolbar 我决定调研

Android SearchView搜索框组件的使用方法_Android

SearchView是搜索框组件,它可以让用户在文本框里输入文字,通过监听器取得用户的输入,当用户点击搜索时,监听器执行实际的搜索. 本文就为大家分享了SearchView搜索框组件的使用方法,供大家参考,具体内容如下 效果: 代码SearchActivity.java package com.jialianjia.bzw.activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.

Android SearchView搜索框组件的使用方法

SearchView是搜索框组件,它可以让用户在文本框里输入文字,通过监听器取得用户的输入,当用户点击搜索时,监听器执行实际的搜索. 本文就为大家分享了SearchView搜索框组件的使用方法,供大家参考,具体内容如下 效果: 代码SearchActivity.java package com.jialianjia.bzw.activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.

Android EditText 密码框默认是小圆点 怎么改成其它的(*)?

text.setTransformationMethod(new AsteriskPasswordTransformationMethod()); public class AsteriskPasswordTransformationMethod extends PasswordTransformationMethod { @Override public CharSequence getTransformation(CharSequence source, View view) { retur

Android中如何实现清空搜索框的文字_Android

需求:项目中的有关搜索的地方,加上清空文字的功能,目的是为了增加用户体验,使用户删除文本更加快捷 解决过程:开始的时候感觉这个东西不太好实现,主要就是布局的问题,可能是开始顾虑的太多了,再加上当时产品催的不太紧,而且这个功能也不是必须实现的.但是今天不一样了,这个是老大让加上的,说别的很多应用中都有这个功能,没办法那就加上呗,试着去使用了相对布局去实现,把一个删除按键放在编辑框的右上方,当文字的时候就把删除按键给显示出来,当编辑框为空的时候就把删除按键给隐藏掉.布局代码 <?xml versio

Android实现简单实用的搜索框

本文实例为大家分享了Android实现搜索框展示的具体代码,供大家参考,具体内容如下 展示效果 代码区 SouActivity public class SouActivity extends AppCompatActivity implements TextWatcher{ @BindView(R.id.app_sou) EditText appSou; @BindView(R.id.app_sou_list) ListView appSouList; @BindView(R.id.activ

Android 改变图标原有颜色和搜索框的实例代码

图标改变颜色:Drawable的变色,让Android也能有iOS那么方便的图片色调转换,就像同一个图标,但是有多个地方使用,并且颜色不一样,就可以用这个方法了. 搜索框: 一般是EditText实现,本文 实现 TextView图片和文字居中,键盘搜索. 来看看效果图: 图标改变颜色:第一个界面的左边(二维码)和右边(更多)两个实现,我放进去的图片是黑色的,显示出来是白色的. 搜索框:第一个界面的图片和文字居中,还可以设置间距,第二个见面搜索设置键盘搜索按钮,点击搜索监听事件,清除内容的图标.