自定义View 带箭头画圆
来源:互联网 发布:免费源码加密 编辑:程序博客网 时间:2024/05/20 05:55
首先在values下面新建attrs
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="MyCustomCircleArrowView">
<attr name="circlr_bound_width" format="dimension"></attr>
<attr name="circlr_bound_color" format="color"></attr>
</declare-styleable>
</resources>
先得新建一个类继承View 获取有参构造器
package com.example.mycustomcirclearrowviewdemo.view;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Toast;
import com.example.mycustomcirclearrowviewdemo.R;
/**
* Created by hasee on 2017/9/4.
*/
public class MyCustomCircleArrowView extends View {
//从xml中获取的颜色
private int circleBoundColor;
private float circleBoundWidth;
//当前画笔画圆的颜色
private int CurrenCircleBoundColor;
private Paint paint;
public MyCustomCircleArrowView(Context context) {
super(context);
initVeiw(context);
}
public MyCustomCircleArrowView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
initVeiw(context);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyCustomCircleArrowView);
for (int i = 0; i < typedArray.getIndexCount(); i++) {
//就是我们自定义的属性的资源id
int attr = typedArray.getIndex(i);
switch (attr) {
case R.styleable.MyCustomCircleArrowView_circlr_bound_color:
circleBoundColor = typedArray.getColor(attr, Color.RED);
CurrenCircleBoundColor = circleBoundColor;
break;
case R.styleable.MyCustomCircleArrowView_circlr_bound_width:
circleBoundWidth = typedArray.getDimension(attr, 3);
break;
}
}
}
private void initVeiw(Context context) {
paint = new Paint();
}
public void setColor(int color) {
if (CurrenCircleBoundColor != color) {
CurrenCircleBoundColor = color;
} else {
CurrenCircleBoundColor = circleBoundColor;
}
}
//圆心
private float pivotX;
private float pivotY;
private float radius = 130;
private float currentDegree = 0;
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setAntiAlias(true);
paint.setColor(CurrenCircleBoundColor);
paint.setStrokeWidth(circleBoundWidth);
paint.setStyle(Paint.Style.STROKE);
pivotX = getWidth() / 2;
pivotY = getHeight() / 2;
canvas.drawCircle(pivotX, pivotY, radius, paint);
canvas.save();
//旋转画布 , 如果旋转的的度数大的话,视觉上看着是旋转快的
canvas.rotate(currentDegree, pivotX, pivotY);
//提供了一些api可以用来画线(画路径)
Path path = new Path();
//从哪开始画 从A开始画
path.moveTo(pivotX + radius, pivotY);
//从A点画一个直线到D点
path.lineTo(pivotX + radius - 20, pivotY - 20);
//从D点画一个直线到B点
path.lineTo(pivotX + radius, pivotY + 20);
//从B点画一个直线到C点
path.lineTo(pivotX + radius + 20, pivotY - 20);
//闭合 -- 从C点画一个直线到A点
path.close();
paint.setStyle(Paint.Style.FILL);
paint.setColor(Color.BLACK);
canvas.drawPath(path, paint);
canvas.restore();
//旋转的度数一个一个度数增加, 如果乘以一个速度的话,按一个速度速度增加
currentDegree += 1 * currentSpeed;
if (!isPause) {
invalidate();
}
}
private int currentSpeed = 1;
private boolean isPause = false;
public void speed() {
++currentSpeed;
if (currentSpeed >= 10) {
currentSpeed = 10;
Toast.makeText(getContext(), "我比闪电还快", Toast.LENGTH_SHORT).show();
}
}
public void slowDown() {
--currentSpeed;
if (currentSpeed <=1) {
currentSpeed = 1;
}
}
public void pauseOrStart() {
//如果是开始状态的话去重新绘制
if (isPause) {
isPause = !isPause;
invalidate();
} else {
isPause = !isPause;
}
}
}
package com.example.mycustomcirclearrowviewdemo;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import com.example.mycustomcirclearrowviewdemo.view.MyCustomCircleArrowView;
public class MainActivity extends AppCompatActivity {
private MyCustomCircleArrowView myCustomCircleArrowView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myCustomCircleArrowView = (MyCustomCircleArrowView) findViewById(R.id.my_view);
}
public void onClick(View view) {
myCustomCircleArrowView.setColor(Color.BLUE);
}
public void add(View view) {
myCustomCircleArrowView.speed();
}
public void slow(View view) {
myCustomCircleArrowView.slowDown();
}
public void pauseOrStart(View view) {
myCustomCircleArrowView.pauseOrStart();
}
}
- 自定义View 带箭头画圆
- 自定义View 带箭头的圆旋转
- 自定义view 圆环带箭头旋转
- 自定义View带箭头的圆环,加速 减速 暂停 变色
- 自定义View带箭头的圆环,加速 减速 暂停 变色
- 自定义View实现箭头沿圆转动
- 自定义View实现箭头沿圆转动
- 自定义View 自定义一个带箭头的圆环详解 加速 减速 暂停 变色
- 自定义View 自定义一个带箭头的圆环详解 加速 减速 暂停 变色
- 自定义View 自定义一个带箭头的圆环详解 加速 减速 暂停 变色
- 自定义view自定义一个带箭头的圆形详解 加速 减速 变颜色
- 自定义View圆圈箭头_
- 带动画的自定义view——做一个移动的箭头
- 自定义View 箭头 变色 加速 减速
- 自定义view箭头绕圆环旋转
- 自定义view箭头绕圆环转动
- 自定义View箭头沿着圆形滑动
- 自定义view箭头沿圆环持续转动
- 电脑网线水晶头接法图解
- 盒子模型
- UVALive-7267/UVALive-7261/UVALive-7269/UVALive-7263
- reflow&repaint
- 关于用户管理的练习
- 自定义View 带箭头画圆
- HDOJ 2084 数塔
- 斯坦福机器学习笔记 第1周 二、单变量线性回归(二)
- 为了下载一些东西
- HEVC函数解析-TEncEntropyIf的子类
- 自定义控件画圆并做旋转
- Python with as
- hdu-4630-No Pain No Game-(树状数组,离线处理)
- 十月一小长假后(3月计划)