Android之UI--重绘EditText以及实现Button的渐变色

在本文中实现的是比较普遍的一个对EditText的重绘以及对于按钮或窗口添加渐变色。

　　因为EditText是继承于TextView的，所以可以实现对EditText的重绘，在重绘的时候只需要继承EditText并且重写它的onDraw()方法就可以了。

　　在给按钮或者窗口添加渐变色的时候需要借用GradientDrawable方法设置渐变的方向，以及渐变的颜色，将渐变的颜色放在一个数组中然后对其进行访问。并且使用setBackgroundDrawable()方法将其显示在界面上。

本例的运行截图：

具体的实现代码如下：

MainActivity

package com.example.testxml;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.drawable.GradientDrawable;
import android.graphics.drawable.GradientDrawable.Orientation;
import android.os.Bundle;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends Activity {

    private Button btn;
    private EditText edtxt;
//    private DrawEdit drawedtxt;
    
    @SuppressLint("WrongCall")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        btn = (Button)this.findViewById(R.id.btncenter);
        
        //对按钮设置至上而下的渐变色
        GradientDrawable gradientdrawable = new GradientDrawable(Orientation.LEFT_RIGHT,new int[] 
                {Color.RED,Color.BLACK,Color.YELLOW});
        //设置当前窗口的渐变背景色
//        getWindow().setBackgroundDrawable(gradientdrawable);
        btn.setBackgroundDrawable(gradientdrawable);
    }

}

对EditText进行重绘 DrawEdit代码如下

package com.example.testxml;

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 DrawEdit extends EditText{

    //实现DrawEdit的构造函数
    public DrawEdit(Context context) {
        super(context);
    }

    public DrawEdit(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint = new Paint();
        paint.setTextSize(18);
        paint.setColor(Color.GREEN);
        //绘制文本
        canvas.drawText("绘制文本", 2, getHeight() / 2 + 5, paint);
        
    }


}

xml布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >
    
    <Button
        android:id="@+id/btncenter"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="@string/btncenter" />

    <!-- 将EditText进行重绘时要对其进行自定义，这样在MainActivity中无需进行调用，他会自己调用 -->
        
        <com.example.testxml.DrawEdit
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="100dp"
             />
    

</LinearLayout>

上面就实现了对于EditText的重绘以及对于按钮的设置的渐变色的过程。