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

2022-05-10 14:59:16

在本文中实现的是比较普遍的一个对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的重绘以及对于按钮的设置的渐变色的过程。

码农公寓

相关文章