網站首頁編程語言正文

Android利用Canvas標點畫線并加入位移動畫(1)_Android

作者：不會安卓 ? 更新時間： 2022-11-09 編程語言

本文實例為大家分享了Android利用Canvas標點畫線，并加入位移動畫的具體代碼，供大家參考，具體內容如下

1.背景

最近由于公司業務需要，需要自己實現一個點畫線，移動的需求，這自然就想到了利用Canvas進行描點，畫線連線。

過程比較簡單，查閱了網上文章，發現寫的都特別片面，很多人也會遇到類似需求，這里把整個實現過程講一下，并且在實現過程遇到的一些小坑講給大家。

先看效果圖

其實點擊檢索，小人可以按照畫好的路線進行移動。

具體代碼：

Canvas畫點連線

class DrawView extends View {
?
? ? private Boolean bool=false;
? ? private String num;
?
? ? public DrawView(Context context) {
? ? ? ? super(context);
? ? }
? ? public void setBool(Boolean isdraw,String number){
? ? ? ? this.bool=isdraw;
? ? ? ? this.num=number;
? ? ? ? Log.e("leo","bool:"+bool);
? ? }
?
? ? public void DrawLines(Canvas canvas){
? ? ? ? Log.e("leo","yayyaya"+bool);
? ? ? ? Paint mPaint3 = new Paint();
? ? ? ? mPaint3.setAntiAlias(true);
? ? ? ? mPaint3.setColor(Color.GREEN);
? ? ? ? mPaint3.setTextSize(36);
? ? ? ? mPaint3.setStrokeWidth(20);
? ? ? ? float[] points3=new float[]{450,100,480,350,480,350,330,500,330,500,510,650,510,650,780,800,780,800,450,900,450,900,450,1200,450,1200,550,1400,550,1400,600,1500};
? ? ? ? canvas.drawLines(points3,mPaint3);
? ? }
?
? ? @Override
? ? public void onDraw(Canvas canvas) {
? ? ? ? super.onDraw(canvas);

? ? ? ? /*
? ? ? ? ?* 方法 說明 drawRect 繪制矩形 drawCircle 繪制圓形 drawOval 繪制橢圓 drawPath 繪制任意多邊形
? ? ? ? ?* drawLine 繪制直線 drawPoin 繪制點
? ? ? ? ?*/
? ? ? ? // 創建畫筆
? ? ? ? Paint mPaint = new Paint();
? ? ? ? mPaint.setStrokeWidth(20);
? ? ? ? mPaint.setColor(Color.RED);// 設置紅色

? ? ? ? //繪制Cap為BUTT的點
? ? ? ? Paint mPaint2 = new Paint();
? ? ? ? mPaint2.setStrokeWidth(40);
? ? ? ? mPaint2.setColor(Color.BLUE);// 設置紅色
? ? ? ? mPaint2.setStrokeCap(Paint.Cap.ROUND);
?
? ? ? ? Paint mPaint3 = new Paint();
? ? ? ? mPaint3.setAntiAlias(true);
? ? ? ? mPaint3.setColor(Color.GREEN);
? ? ? ? mPaint3.setTextSize(36);
? ? ? ? mPaint3.setStrokeWidth(20);

? ? ? ? canvas.drawPoints(new float[]{20,100,100,350,150,430,200,510,250,560,350,650,550,730,670,890,750,1000}, mPaint2);
? ? ? ? canvas.drawPoints(new float[]{170,100,170,200,170,400,170,510,170,730,170,850}, mPaint2);
? ? ? ? canvas.drawPoints(new float[]{450,100,480,350,330,500,510,650,780,800,450,900,450,1200,550,1400,600,1500}, mPaint2);
? ? ? ? canvas.drawPoints(new float[]{140,1200,230,1250,370,1140,500,1220,570,1310,680,1280,750,1300,850,1260}, mPaint2);

? ? ? ? mPaint.setAntiAlias(true);
? ? ? ? mPaint.setColor(Color.RED);
? ? ? ? mPaint.setTextSize(36);

? ? ? ? float[] points=new float[]{20,100,100,350,100,350,150,430,150,430,200,510,200,510,250,560,250,560,350,650,350,650,550,730,550,730,670,890,670,890,750,1000};//至少4個值，即能夠繪制一條直線
? ? ? ? float[] points2=new float[]{170,100,170,200,170,200,170,400,170,400,170,510,170,510,170,730,170,730,170,850};//至少4個值，即能夠繪制一條直線
? ? ?// ? 至少4個值，即能夠繪制一條直線
? ? ? ? canvas.drawLines(points,mPaint);
? ? ? ? canvas.drawLines(points2,mPaint);
?
? ? ? ? float[] points4=new float[]{140,1200,230,1250,230,1250,370,1140,370,1140,500,1220,500,1220,570,1310,570,1310,680,1280,680,1280,750,1300,750,1300,850,1260};//至少4個值，即能夠繪制一條直線
? ? ? ? canvas.drawLines(points4,mPaint);
?
? ? ? ? float[] points3=new float[]{450,100,480,350,480,350,330,500,330,500,510,650,510,650,780,800,780,800,450,900,450,900,450,1200,450,1200,550,1400,550,1400,600,1500};
? ? ? ? canvas.drawLines(points3,mPaint);
?
? ? ? ? if (bool==true){
? ? ? ? ? ? if (num.equals("1")){
? ? ? ? ? ? ? ? DrawLines(canvas);
? ? ? ? ? ? }
? ? ? ? ? ? else ?if (num.equals("2")){
? ? ? ? ? ?// ? ? float[] points=new float[]{20,100,100,350,100,350,150,430,150,430,200,510,200,510,250,560,250,560,350,650,350,650,550,730,550,730,670,890,670,890,750,1000};//至少4個值，即能夠繪制一條直線
? ? ? ? ? ? ? ? canvas.drawLines(points2,mPaint3);
? ? ? ? ? ? }
? ? ? ? ? ? else if (num.equals("3")){
? ? ? ? ? ? ? // ?float[] points2=new float[]{170,100,170,200,170,200,170,400,170,400,170,510,170,510,170,730,170,730,170,850};//至少4個值，即能夠繪制一條直線
? ? ? ? ? ? ? ? canvas.drawLines(points,mPaint3);
? ? ? ? ? ? }else if (num.equals("4")){
? ? ? ? ? ? ? // ?float[] points4=new float[]{140,1200,230,1250,230,1250,370,1140,370,1140,500,1220,500,1220,570,1310,570,1310,680,1280,680,1280,750,1300,750,1300,850,1260};//至少4個值，即能夠繪制一條直線
? ? ? ? ? ? ? ? canvas.drawLines(points4,mPaint3);
? ? ? ? ? ? }
? ? ? ? }
? ? }
}

簡單說明一下，就是自定義View，繼承View，利用Canvas畫點，然后再利用Canvas畫線，只要坐標點相同，其實就可以達到連接標記點畫線的效果。

MainActivity進行調用

public class MainActivity extends AppCompatActivity {
?
? ? private EditText mEdiet;
? ? private Button ?mButton;
? ? private ImageView mtv;
? ? ObjectAnimator ?objectAnimatorX,objectAnimatorY;
?
? ? @Override
? ? protected void onCreate(Bundle savedInstanceState) {
? ? ? ? super.onCreate(savedInstanceState);
? ? ? ? setContentView(R.layout.activity_main);
? ? ? ? initView();
? ? }
?
? ? private void initView() {
? ? ? ? RelativeLayout layout=(RelativeLayout) findViewById(R.id.root);
? ? ? ? ?DrawView views=new DrawView(this);
? ? ? ? views.setMinimumHeight(500);
? ? ? ? views.setMinimumWidth(300);
? ? ? ? //通知view組件重繪
? ? ? ? views.invalidate();
? ? ? ? layout.addView(views);
?
}

利用平移動畫沿線移動

mEdiet=findViewById(R.id.qd);
mButton=findViewById(R.id.qd2);
mtv=findViewById(R.id.dw);
mButton.setOnClickListener(new View.OnClickListener() {
? ? ? ? ? ? @Override
? ? ? ? ? ? public void onClick(View view) {
? ? ? ? ? ? ? ? String number=mEdiet.getText().toString();
? ? ? ? ? ? ? ? Log.e("leo","數字："+number);
? ? ? ? ? ? ? ? if (number.equals("1")){
? ? ? ? ? ? ? ? ? ? float [] x= {450,480,330, 510,780,450,450,550,600};
? ? ? ? ? ? ? ? ? ? float [] y= {100,350,500,650,800,900,1200,1400,1500};
? ? ? ? ? ? ? ? ? ? startPopsAnimTrans(mtv,x,y);
?
? ? ? ? ? ? ? ? ? // ?float[] points2=new float[]{170,100,170,200,170,200,170,400,170,400,170,510,170,510,170,730,170,730,170,850};//至少4個值，即能夠繪制一條直線
?
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? else if (number.equals("2")){
? ? ? ? ? ? ? ? ? ? Log.e("leo","aiaiiai：");
? ? ? ? ? ? ? ? ? ? float [] x= {170,170,170, 170,170,170};
? ? ? ? ? ? ? ? ? ? float [] y= {100,200,400,510,730,850};
? ? ? ? ? ? ? ? ? ? startPopsAnimTrans(mtv,x,y);
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ?// ? startPopsAnimTrans(mtv,x,y);
? ? ? ? ? ? ? ? TimerTask task = new TimerTask() {
? ? ? ? ? ? ? ? ? ? @Override
? ? ? ? ? ? ? ? ? ? public void run() {
? ? ? ? ? ? ? ? ? ? ? ? views.setBool(true,number);
? ? ? ? ? ? ? ? ? ? ? ? views.invalidate();
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? };
? ? ? ? ? ? ? ? Timer timer = new Timer();
? ? ? ? ? ? ? ? timer.schedule(task, 18000);
? ? ? ? ? ? }
? ? ? ? });
// ? ? ? ?mtv.setOnClickListener(new View.OnClickListener() {
// ? ? ? ? ? ?@Override
// ? ? ? ? ? ?public void onClick(View view) {
// ? ? ? ? ? ? ? ?startPopsAnimTrans(mtv);
// ? ? ? ? ? ?}
// ? ? ? ?});
? ? }
? ? private void startPopsAnimTrans(ImageView b,float [] x,float [] y){
? ? ? // ?if(objectAnimatorX == null){
? ? ? ? ? ? Log.e("leo","執行否："+x.length);
? ? ? ? ? // ?float [] x= {450,480,330, 510,780,450,450,550,600};
? ? ? ? ? // ?float [] y= {100,350,500,650,800,900,1200,1400,1500};
? ? ? ? ? ? objectAnimatorX = ObjectAnimator.ofFloat(b,"translationX", x);
? ? ? ? ? ? objectAnimatorX.setDuration(20000);
? ? ? ? ? ? objectAnimatorY = ObjectAnimator.ofFloat(b,"translationY", y);
? ? ? ? ? ? objectAnimatorY.setDuration(20000);
? ? ?// ? }
? ? ? ? objectAnimatorX.start();
? ? ? ? objectAnimatorY.start();
? ? }

這里的Float數組肯定是與那些標記點的（就是畫線所經過的點的位置信息）是一致的，小人才能沿著線移動。

原文鏈接：https://blog.csdn.net/lian123456780/article/details/123933124

上一篇：Python有序容器的?sort?方法詳解_python
下一篇：Android實現圖片上傳蒙層進度條_Android

日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

網站首頁編程語言正文

Android利用Canvas標點畫線并加入位移動畫(1)_Android

1.背景

具體代碼：

相關推薦

日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

網站首頁 編程語言 正文

Android利用Canvas標點畫線并加入位移動畫(1)_Android

1.背景

具體代碼：

相關推薦

網站首頁編程語言正文