自定义View的简单案例（2）

来源：互联网发布：淘宝行业排名编辑：程序博客网时间：2024/06/06 04:09

上一篇讲了自定义View的基本用法，这一篇就用来熟悉自定义view以及拓展下一些小效果

步骤和上篇一样，也不啰嗦了直接上代码

首先定义一个类继承View ，此处不同的是需要用到Point 画笔类，所以我们需要先在两个构造方法中首先初始化画笔

package demo.liuchen.com.android27_customview.MyTextViewCustom;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.util.AttributeSet;import android.view.View;import android.widget.Toast;import demo.liuchen.com.android27_customview.MainActivity;import demo.liuchen.com.android27_customview.R;/** * Created by ${LC} on 2016/11/22. * /** * 步骤：1 创建一个class继承view *      2 创建两个构造方法 *      3 在两个构造方法中初始化画笔 *      4 再两个参数的构造方法中重写需要重写的属性 */public class MyTextView extends View{    //声明画笔    private Paint paint;    private int backColor;    private String Textcontent;    private float textScaleX;    public MyTextView(Context context) {        super(context);        initPaint();    }    public MyTextView(Context context, AttributeSet attrs) {        super(context, attrs);        initPaint();        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyTextView);        //获去字体大小 并规定默认值        float textSize = typedArray.getDimension(R.styleable.MyTextView_myview_textSize,0);        //获去字体颜色 并规定默认值        int textColor = typedArray.getColor(R.styleable.MyTextView_myview_textColor, Color.WHITE);        //获取背景颜色，并规定默认值        backColor = typedArray.getColor(R.styleable.MyTextView_myview_backColor,Color.BLACK);        //获取文本内容        Textcontent = typedArray.getString(R.styleable.MyTextView_myview_textContent);        //获取文本x轴拉伸        textScaleX   = typedArray.getDimension(R.styleable.MyTextView_myview_textScalex,0);        //回收typeArray        typedArray.recycle();        //设置字体颜色        paint.setColor(textColor);        //设置字体大小        paint.setTextSize(textSize);        //设置间隔        paint.setTextScaleX(textScaleX);    }    //初始化画笔第一步    public void initPaint(){        paint = new Paint();        //去锯齿，达到圆滑的效果        paint.setAntiAlias(true);    }    //Canvas:画布    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        //设置背景颜色        canvas.drawColor(backColor);        /**         *  设置字体内容         *  @param String :字体内容         *  @param float :x-coordenate：x的偏移量         *  @param float :y-coordenate：y的偏移量         *  @param paint :画笔         */        canvas.drawText(Textcontent,10,100,paint);    }}

然后在attrs文件中写重写需要重写的属性

<?xml version="1.0" encoding="utf-8"?><resources>

 <declare-styleable name="MyTextView">        <!--dimension尺寸-->        <attr name="myview_textSize" format="dimension"/>        <attr name="myview_textColor" format="color"/>        <attr name="myview_backColor" format="color"/>        <attr name="myview_textContent" format="string"/>        <attr name="myview_textScalex" format="dimension"/>    </declare-styleable>

</resources>

然后我们在Acitivity的布局文件使用就行了

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:myapp="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_my_text_view"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="demo.liuchen.com.android27_customview.MyTextViewCustom.MyTextViewActivity">    <demo.liuchen.com.android27_customview.MyTextViewCustom.MyTextView        android:id="@+id/mytextview1"        android:layout_width="wrap_content"        android:layout_height="match_parent"        myapp:myview_textSize="18sp"        myapp:myview_backColor="@color/colorAccent"        myapp:myview_textColor="#38d261"        myapp:myview_textContent="how are you doing "        myapp:myview_textScalex="1dp"/></RelativeLayout>

同样需要加上这一行才能使用自定义view的属性

 xmlns:myapp="http://schemas.android.com/apk/res-auto"

运行就能出现彩色字体的带自定义的背景的颜色

0 0