Android,动态地从EditText更改下划线颜色

时间:2012-11-05 18:42:36

标签: android colors android-edittext

是否可以动态地从EditText更改下划线的颜色? 就像效果一样,当我对焦时,它会变成蓝色。

希望你明白我想做什么。

3 个答案:

答案 0 :(得分:4)

创建您自己的自定义EditText控件

这是我为你做的一个例子:

选择后,您必须更改mPaint.setColor(Color.GREEN);到另一种颜色

public class CustomEditText extends EditText{


private Rect mRect;
private Paint mPaint;
 int widthMsSize;
 int heightMsSize ;
// we need this constructor for LayoutInflater
public CustomEditText(Context context, AttributeSet attrs) {
    super(context, attrs);


    mPaint = new Paint();
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setStrokeWidth(5);
    mPaint.setColor(Color.GREEN);

    System.out.println("constructor");
}

protected void onMeasure(final int widthMeasureSpec,
        final int heightMeasureSpec) {
    // Extract the Ms (MesaureSpec) parameters

    widthMsSize = MeasureSpec.getSize(widthMeasureSpec);

    heightMsSize = MeasureSpec.getSize(heightMeasureSpec);

     System.out.println("on measure");
    // Satisfy contract by calling setMeasuredDimension
    setMeasuredDimension(widthMsSize,
            heightMsSize);



}

protected void onDraw(Canvas canvas) {

    canvas.drawLine(5, heightMsSize-10, widthMsSize-5, heightMsSize-10, mPaint); //draw underline

    canvas.drawLine(8, heightMsSize-10,8, heightMsSize-20, mPaint); //draw left corner

    canvas.drawLine(widthMsSize-8,  heightMsSize-10,widthMsSize-8,  heightMsSize-20, mPaint); //draw right corner

    super.onDraw(canvas);
}

}

main.xml中

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

    <com.example.testanimationfadeinfadeout.CustomEditText
        android:id="@+id/textedit"
        android:layout_width="228dp"
        android:layout_height="41dp"
        android:ems="10"
        android:hint="color is changed" />

</LinearLayout>

答案 1 :(得分:2)

public static void setEditTextUnderlineColor(final EditText editText, final int focusedColor, final int unfocusedColor) {
    editText.setOnFocusChangeListener(new View.OnFocusChangeListener() {
        @Override
        public void onFocusChange(View v, boolean hasFocus) {
            if (hasFocus) {
                editText.getBackground().setColorFilter(focusedColor, PorterDuff.Mode.SRC_ATOP);
                return;
            }
            editText.getBackground().setColorFilter(unfocusedColor, PorterDuff.Mode.SRC_ATOP);
        }
    });

    editText.getBackground().setColorFilter(unfocusedColor, PorterDuff.Mode.SRC_ATOP);

答案 2 :(得分:0)

要自定义编辑文本,我按以下方式执行。它对我来说非常简单。

public class CardNumberText extends EditText {

    boolean isFocus;
    Paint mPaint;
    Rect mRect;
    int widthSize, heightSize;

    public CardNumberText(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        initStyle();

    }

    private void initStyle() {
        mRect = new Rect();
        mPaint = new Paint();
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(Color.parseColor("#B3B3B3"));
    }

    public CardNumberText(Context context, AttributeSet attrs) {
        super(context, attrs);

        initStyle();
    }

    public CardNumberText(Context context) {
        super(context);

        initStyle();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Rect rect = mRect;
        Paint paint = mPaint;
        if (isFocus) {
            mPaint.setStrokeWidth(3.0f);
            mPaint.setColor(Color.parseColor("#80CBC4"));
        } else {
            mPaint.setStrokeWidth(1.5f);
            mPaint.setColor(Color.parseColor("#B3B3B3"));
        }
        for (int i = 0; i < getLineCount(); i++) {
            int baseline = getLineBounds(i, rect);
            canvas.drawLine(rect.left, baseline + 20, rect.right, baseline,
                    paint);
        }

    }

    @Override
    protected void onFocusChanged(boolean focused, int direction,
            Rect previouslyFocusedRect) {
        super.onFocusChanged(focused, direction, previouslyFocusedRect);
        if (focused) {
            isFocus = true;
        } else {
            isFocus = false;
        }
    }
}