Android 中自定义控件之判断还剩多少可输入字符的EditText

 

最近做的项目有个需求就是判断一下还 剩多少字符可输入,也就是对EditText 的文本变化做监听 ,功能实现了,但是感觉使用组合方式,每次都要编写,还不如写一个自定义控件来备用。在查看本文时,建议先行参考本人转载的一篇文章:http://blog.csdn.net/android_jiangjun/article/details/39580253

下面进入本文的正题:

首先大家先看一下效果图吧:

本文自定义的控件采用的是组合控件的方式来自定义控件,自定义控件的布局如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" 
    android:background="#fff"
    
    >
    
<EditText 
    android:id="@+id/edit"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="top|left"
    android:minLines="5"
   
    />
<TextView 
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:hint="还可输入25字"
    android:textSize="10dip"
    android:layout_alignBottom="@id/edit"
    android:layout_alignRight="@id/edit"
    android:layout_marginRight="3dip"
    android:layout_marginBottom="3dip"
    />
</RelativeLayout>

然后相应的自定义HintEdit类代码如下:

package com.gc.testcustomedittext;

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.text.Editable;
import android.text.InputFilter;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
/**
 * 
 * @author Android将军
 *
 */
public class HintEditText extends RelativeLayout implements TextWatcher{
	

	private EditText mEditText;
	private TextView mTextView;
	private int maxLength=0;
	private RelativeLayout mRelativeLayout;
	@SuppressLint("NewApi") public HintEditText(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		
	
		
	}
	public HintEditText(Context context) {
		super(context);
		
		
	}
	public HintEditText(Context context, AttributeSet attrs) {
		super(context, attrs);
		TypedArray mTypedArray=context.obtainStyledAttributes(attrs, R.styleable.HintEditText);
		maxLength=mTypedArray.getInt(R.styleable.HintEditText_maxLength, 0);
		mRelativeLayout=(RelativeLayout)LayoutInflater.from(context).inflate(R.layout.custom_edittext, this,true);
		mEditText=(EditText)mRelativeLayout.findViewById(R.id.edit);
		mTextView=(TextView)mRelativeLayout.findViewById(R.id.text);
		mTextView.setHint("还可输入"+maxLength+"字");
		//限定最多可输入多少字符
		mEditText.setFilters(new InputFilter[]{new InputFilter.LengthFilter(maxLength)}); 
		mEditText.addTextChangedListener(this);
		
	}
	public void initUI(Context context)
	{
		
		RelativeLayout mRelativeLayout=(RelativeLayout)LayoutInflater.from(context).inflate(R.layout.custom_edittext, this,true);
		
		mEditText=(EditText)mRelativeLayout.findViewById(R.id.edit);
		
		 mTextView=(TextView)mRelativeLayout.findViewById(R.id.text);
		
		
	}
	
	@Override
	public void beforeTextChanged(CharSequence s, int start, int count,
			int after) {
		// TODO Auto-generated method stub
		
	}
	@Override
	public void onTextChanged(CharSequence s, int start, int before, int count) {
		// TODO Auto-generated method stub
		mTextView.setHint("还可输入"+(maxLength-s.toString().length())+"字");
	
	}
	@Override
	public void afterTextChanged(Editable s) {
		// TODO Auto-generated method stub
		
	}
	

}

attrs.xml文件的代码如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="HintEditText">
        <attr name="maxLength" format="integer"/>
   <!--maxLength为自定义控件的属性,这样自定义属性之后,可以在xml文件中直接设置该属性-->
 </declare-styleable>
</resources>
主布局的文件代码如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:HintEditText="http://schemas.android.com/apk/res/com.gc.testcustomedittext"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.gc.testcustomedittext.HintEditText
        android:id="@+id/hint_edt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        HintEditText:maxLength="30"
        />

    <com.gc.testcustomedittext.HintEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
         HintEditText:maxLength="50"
       />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="sahjdsahjd " />

</LinearLayout>

MainActivity的代码如下:

package com.gc.testcustomedittext;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
/**
 * 
 * @author Android将军
 *
 */
public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
    }
}




本定义控件可以直接拿来使用,只需要把自定义控件的布局文件和HintEditText类拷贝到你的工程目录里即可使用,像主布局和MainActivity那样使用即可。

转载请注明出处:http://blog.csdn.net/android_jiangjun/article/details/39580715

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。