背景
在深度使用 Flutter 开发过程中,我们遇到了业务代码耦合严重,代码可维护性糟糕,如入泥泞。我们需要一个统一的应用框架来摆脱当下的开发困境,而这也是 Flutter 领域空缺的一块处女地。
Fish Redux 是为解决上面问题上层应用框架,它是一个基于 Redux 数据管理的组装式 flutter 应用框架, 特别适用于构建中大型的复杂应用。
它的最大特点是配置式组装, 一方面将一个大的页面,对视图和数据层层拆解为互相独立的 Component|Adapter,上层负责组装,下层负责实现,另一方面将 Component|Adapter 拆分为 View,Reducer,Effect 等相互独立的上下文无关函数。所以它会非常干净,易编写、易维护、易协作。
Fish Redux 的灵感主要来自于 Redux、React、Elm、Dva 这样的优秀框架,而 Fish Redux 站在巨人的肩膀上,将集中,分治,复用,隔离做的更进一步。
/** * 参数1:圆心X * 参数2:圆心Y * 参数3:半径R * 参数4:画笔对象 */ canvas.drawCircle(200, 200, 100, p);
画线
==
/* * 参数1:startX * 参数2:startY * 参数3:stopX * 参数4:stopY * 参数5:画笔对象 */ canvas.drawLine(100, 100, 300, 300, p);// 画线 /* * 同时绘制多条线。 * 参数1:float数组:每四个一组为一条线。最后不足四个,就忽略那些值。 * 参数2:画笔对象 */ canvas.drawLines(new float[]{100,100,200,200,200,100,300,100}, p);
画椭圆
===
/*
-
参数1:float left
-
参数2:float top
-
参数3:float right
-
参数4:float bottom
*/
RectF oval = new RectF(150, 200, 500, 400);// 画一个椭圆
canvas.drawOval(oval, p);
画弧度
===
/** * 画圆弧 * 参数1:RectF对象。 * 参数2:开始的角度。(水平向右为0度顺时针反向为正方向) * 参数3:扫过的角度 * 参数4:是否和中心连线 * 参数5:画笔对象 */ canvas.drawArc(oval, 20, 180, false, p);
矩形
==
/** * 矩形 * 参数1:float left * 参数2:float top * 参数3:float right * 参数4:float bottom */ canvas.drawRect(100,100, 200, 200, p); //画圆角矩形 RectF oval3 = new RectF(80, 260, 200, 300);// 设置个新的长方形 canvas.drawRoundRect(oval3, 20, 5, p);//第二个参数是x半径,第三个参数是y半径
多边形
===
/** * Path类封装复合(多轮廓几何图形的路径 * 由直线段*、二次曲线,和三次方曲线,也可画以油画。drawPath(路径、油漆),要么已填充的或抚摸 * (基于油漆的风格),或者可以用于剪断或画画的文本在路径。 */ Path path = new Path(); // 路径对象 path.moveTo(80, 200);// 此点为多边形的起点 path.lineTo(120, 250); path.lineTo(80, 250); //.... 可以添加多个点。构成多边形 path.close(); // 使终点和起点链接,构成封闭图形 canvas.drawPath(path, p);
画贝塞尔曲线
======
p.setStyle(Style.STROKE); Path path2=new Path(); path2.moveTo(100, 100);//设置Path的起点 /** * 参数1、2:x1,y1为控制点的坐标值 * 参数3、4:x2,y2为终点的坐标值 */ path2.quadTo(300, 100, 400, 400); //设置贝塞尔曲线的控制点坐标和终点坐标 path2.quadTo(500, 700, 800, 800); canvas.drawPath(path2, p);//画出贝塞尔曲线
画点
==
/** * 参数1、2:点的x、y坐标 */ canvas.drawPoint(60, 390, p);//画一个点 /** * 参数1:多个点,每两个值为一个点。最后个数不够两个的值,忽略。 */ canvas.drawPoints(new float[]{60,400,65,400,70,400}, p);//画多个点
画图片
===
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher); /** * 参数1:bitmap对象 * 参数2:图像左边坐标点 * 参数3:图像上边坐标点 */ canvas.drawBitmap(bitmap, 200,300, p);
转自:https://www.jianshu.com/p/f69873371763
如果大家还有其他问题,欢迎加入我的技术群讨论交流:开发一群:454430053开发二群:537532956
总结
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识,这里放上相关的我搜集整理的14套腾讯、字节跳动、阿里、百度等2021最新面试真题解析,我把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包知识脉络 + 诸多细节。
网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
649748466502)]
[外链图片转存中…(img-E8tGnDPF-1649748466502)]
[外链图片转存中…(img-7jgkW8Ii-1649748466503)]
网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。