重写EditText，使其具有下划线

最新推荐文章于 2024-07-15 15:46:12 发布

启舰

最新推荐文章于 2024-07-15 15:46:12 发布

阅读量1.1w

点赞数 5

分类专栏： 5、andriod开发

本文链接：https://blog.csdn.net/harvic880925/article/details/24416131

版权

5、andriod开发专栏收录该内容

156 篇文章 173 订阅

订阅专栏

一、新建类，派生自EditText

新建类UnderLineEditText,截图如下：

代码如下：

package com.example.underlineedittext;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.EditText;

public class UnderLineEditText extends EditText {
	
	private Paint linePaint;
	private int paperColor;

	public UnderLineEditText(Context context,AttributeSet paramAttributeSet) {
		super(context,paramAttributeSet);
		// TODO Auto-generated constructor stub
		this.linePaint = new Paint();
		linePaint.setColor(Color.GRAY);//设置下划线颜色
	}
	
	protected void onDraw(Canvas paramCanvas) {
		paramCanvas.drawColor(this.paperColor); //设置背景色
		int i = getLineCount();
		int j = getHeight();
		int k = getLineHeight();
		int m = 1 + j / k;
		if (i < m) i = m;
		int n = getCompoundPaddingTop();

		for (int i2 = 0;; i2++) {
			if (i2 >= i) {
				super.onDraw(paramCanvas);
				paramCanvas.restore();
				return;
			}
			
			n += k;
			paramCanvas.drawLine(0.0F, n, getRight(), n, this.linePaint);
			paramCanvas.save();
		}
	}

}

解析：

就是得到总共有多少行（m），然后根据每行的行高划线。

二、XML使用

XML使用

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <com.example.underlineedittext.UnderLineEditText
         android:id="@+id/eg1"
         android:layout_width="fill_parent"
         android:layout_height="match_parent"
         android:textSize="20dip"
         android:background="@null"
         android:gravity="top"
         android:lineSpacingMultiplier="2"
         android:inputType="textMultiLine" />

</LinearLayout>

其中<com.example.underlineedittext.UnderLineEditText中UnderLineEditText类的所在位置！这就是自定义扩展控件的使用方法，如果要在代码中对其操作，与其它控件一样，利用findViewById()……

三、输入法弹出窗口自适应

在AndroidManifest.xml对应的Activity中添加下面代码以使在弹出输入法时，我们的EditText窗体能自适应高度。

android:windowSoftInputMode="stateHidden|adjustResize"

整体的AndroidManifest.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.underlineedittext"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="8" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.underlineedittext.MainActivity"
            android:windowSoftInputMode="stateHidden|adjustResize"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

效果图如下：

四、问题及改进

问题：

从上面的效果图可以看出：文字没有紧贴着底线，这是为什么呢？这是因为我们在XML中设置了android:lineSpacingMultiplier="2"参数（行间距变为原来的2倍），如果没有此参数，就一切正常了，但就此问题，我们加以解决。

解决办法：

文字与下划线多出来的距离应该是行高减去文字的高度，所以，我们在计算出每次的划线位置后，先减去这个高度，就得到当前的划线位置。

代码如下：

package com.example.underlineedittext;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.EditText;

public class UnderLineEditText extends EditText {
	
	private Paint linePaint;
	private int paperColor;

	public UnderLineEditText(Context context,AttributeSet paramAttributeSet) {
		super(context,paramAttributeSet);
		// TODO Auto-generated constructor stub
		this.linePaint = new Paint();
		linePaint.setColor(Color.GRAY);//设置下划线颜色
	}
	
	protected void onDraw(Canvas paramCanvas) {
		paramCanvas.drawColor(this.paperColor); //设置背景色
		int i = getLineCount();
		int j = getHeight();
		int k = getLineHeight();
		int m = 1 + j / k;
		if (i < m) i = m;
		int n = getCompoundPaddingTop();
		
		int distance_with_btm=(int) (getLineHeight()-getTextSize())-3;
		//这个关于距离底部的变量当不使用lineSpacingMultiplier和lineSpacingExtra参数时是不起作用的

		for (int i2 = 0;; i2++) {
			if (i2 >= i) {
				super.onDraw(paramCanvas);
				paramCanvas.restore();
				return;
			}
			
			n += k;
			n-=distance_with_btm;//将线划在字体靠下面
			paramCanvas.drawLine(0.0F, n, getRight(), n, this.linePaint);
			paramCanvas.save();
			n+=distance_with_btm;//还原n
		}
	}

}

这里较上面的代码多出了distance_with_btm变量。

效果：