上一篇讲了自定义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:相当于id 用户在java代码中可通过R.styleable.mycustomSimpleView找到 attr:属性重写 name:再布局文件中重写的属性时用到的属性名 -->
<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的布局文件使用就行了同样需要加上这一行才能使用自定义view的属性<?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>
xmlns:myapp="http://schemas.android.com/apk/res-auto"
运行就能出现彩色字体的带自定义的背景的颜色