xamarin android 自定义文本框简单的用法
关键点在于,监听EditText的内容变化,不同于java中文本内容变化去调用EditText.addTextChangedListener(mTextWatcher);为EditText设置内容变化监听!
简单来说就是添加一个AfterTextChanged 事件就OK了,这是最简单的一种做法,当然你要想java那样去监听也可以的。
来看一下实现的效果图:
![](https://yqfile.alicdn.com/img_e0c8e9196e939a94d22b769b6edd5447.gif?x-oss-process=image/resize,w_1400/format,webp)
自定义的EditText::CustomerEditText.cs
using System; using System.Collections.Generic; using System.Linq; using System.Text; using Android.App; using Android.Content; using Android.OS; using Android.Runtime; using Android.Views; using Android.Widget; using Android.Graphics.Drawables; using Android.Util; using Java.Lang; using Android.Text; using Android.Graphics; namespace EditTextListener { public class CustomerEditText:EditText { private Drawable imgClear; private Context Context; public CustomerEditText(Context context, IAttributeSet attrs) : base(context, attrs) { this.Context = context; init(); } private void init() { imgClear = Context.Resources.GetDrawable(Resource.Drawable.del); AfterTextChanged += (s, e) => { setDrawable(); }; } //回执删除图片 private void setDrawable() { if (Length() < 1) SetCompoundDrawablesWithIntrinsicBounds(null, null, null, null); else SetCompoundDrawablesWithIntrinsicBounds(null,null,imgClear,null); } //当触摸范围在右侧时,触发删除方法,隐藏叉叉 public override bool OnTouchEvent(MotionEvent e) { if (imgClear != null && e.Action == MotionEventActions.Up) { int eventX = (int)e.RawX; int eventY = (int)e.RawY; Rect rect = new Rect(); GetGlobalVisibleRect(rect); rect.Left = rect.Right - 100; if (rect.Contains(eventX, eventY)) { Text=string.Empty; } } return base.OnTouchEvent(e); } } }布局文件Main.axml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <EditTextListener.CustomerEditText android:id="@+id/edit_search" android:layout_width="match_parent" android:layout_height="50dp" android:layout_margin="10dp" android:background="@drawable/bg_frame_search" android:hint="带删除按钮的EditText" android:maxLength="50" android:padding="5dp" android:singleLine="true" android:textColor="#000000" /> </LinearLayout>自定义的背景样式:bg_frame_search.xml
<?xml version="1.0" encoding="utf-8" ?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/background_white"/> <corners android:radius="5dp"/> <stroke android:width="1px" android:color="@color/frame_search"/> </shape>
颜色值我就不贴了,自己写几个颜色就OK了。
代码非常简单,当然这是最简单的实现方法,还有很多功能小功能都没实现。所以后面继续努力吧。