Android 多边形导圆角(Path画折线导圆角)

前言:用path画折线,2条线相交处导圆角

简介:为开发者提供工具类,方便对使用path画折线设置圆角。使用path画多边形,如三角形、矩形、平行四边形等,同时设置圆角。另外提供计算直线上某点坐标。

实现原理

三个点,2条直线相交,给中间点连接处导圆角。设圆角半径为radius,  三个点分别为p2, p3,p1,  如下图所示:给p3点处导圆角。先求出导圆角处连接的2点p4、p5坐标,再用path连接p2和p4,然后通过p4、p3、p5绘制贝塞尔曲线连接p4、p5两个点,最后连接p5、p1两个点。
总结:计算圆角的起始和结束点,使用贝塞尔曲线绘制圆角。


API使用:
 

三角形导圆效果如下:

 导圆角之后

 调用api如下

        int r = 22;//圆角尺寸Path path = SimplePath.buildle().moveTo(50, 50, r, r)//起始点.lineTo(200, 50, r, r).lineTo(200, 250, r, r).close()//结束,完成三角形.build();

矩形导圆角

Path path = SimplePath.buildle().addRect(50, 50, 200, 250, r).build();
 

其它API使用:

获取线上点坐标   public static float[] getOnLinePointLocationEnd(float lenght, float x1, float y1, float x2, float y2)
示例:上述实现原理中,计算圆角起始坐标点p4. 
float[] p2f = SimplePath.getOnLinePointLocationEnd(r,x1,y1,x2,y2);
Point p2 = new Point(p2f[0], p2f[1]);
其中r在这里是圆角半径,表示圆角起始点p4与中间点p2之间的距离。​​​​​​​画线并添加圆角 (绘制的线是起始点到圆角结束点的路径,并不包含到第三点路径)  public static void lineToAndCorner(Path path, float startRadius, float endRadius, float x1, float y1, float x2, float y2, float x3, float y3) 

示例:上述实现原理中,如果给p3点导圆角r.

path先要自行设置起始点p2,  然后

SimplePath.lineToAndCorner(path, r, r, p2.x, p2.y, p3.x, p3.y, p1.x,p1y);

绘制的线是 p2到p4,再到p5的路径, 不包含,p5到p1的路径。目标点是中间点p3.

备注:方法参数详情请查阅源码

源码:

package com.ttkx.deviceinfo.bkchart;import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.RectF;import java.util.ArrayList;
import java.util.List;public class SimplePath {public static Buildle buildle() {return new Buildle();}public static class Buildle {private Path mPath;private class P {public float x;public float y;public float startRadius;public float endRadius;public boolean isStartPoint;//是否是起始点public P(float x, float y) {this.x = x;this.y = y;}public P(float x, float y, float startRadiu, float endRadiu) {this.x = x;this.y = y;this.startRadius = startRadiu;this.endRadius = endRadiu;}}private List<P> mList = new ArrayList<>();public void moveTo(float x, float y) {moveTo(x, y, 0, 0);}public Buildle setPath(Path path) {mPath = path;return this;}public Buildle moveTo(float x, float y, float startRadius, float endRadius) {P p = new P(x, y, startRadius, endRadius);p.isStartPoint = true;mList.add(0, p);return this;}public Buildle addRect(Rect rect, float r) {return addRect(rect.left, rect.top, rect.right, rect.bottom, r);}public Buildle addRect(RectF rect, float r) {return addRect(rect.left, rect.top, rect.right, rect.bottom, r);}public Buildle addRect(float left, float top, float right, float bottom, float r) {moveTo(left, top, r, r);lineTo(right, top, r, r);lineTo(right, bottom, r, r);lineTo(left, bottom, r, r);close();return this;}public Buildle lineTo(float x, float y) {lineTo(x, y, 0, 0);return this;}public Buildle lineTo(float x, float y, float startRadius, float endRadius) {mList.add(new P(x, y, startRadius, endRadius));return this;}public Buildle close() {if (mList.size() >= 1) {mList.add(mList.get(0));}return this;}public Path build() {Path path = mPath;if (path == null) {path = new Path();}for (int i = 0; i < mList.size(); i++) {P p = mList.get(i);float x = p.x;float y = p.y;if (i == 0) {if (p.isStartPoint) {if (hasCorner(p)) {P p1 = mList.get(i + 1);P p2 = p;float[] onePoint = getOnLinePointLocationEnd(p.startRadius, p1.x, p1.y, p2.x, p2.y);path.moveTo(onePoint[0], onePoint[1]);} else {path.moveTo(x, y);}} else {path.lineTo(x, y);}} else if (i == mList.size() - 1) {//最后一个点P p0 = mList.get(0);if (p.x == p0.x && p.y == p0.y && hasCorner(p0)) {P p1 = mList.get(i - 1);P p2 = p0;P p3 = mList.get(1);lineToAndCorner(path, p2.startRadius, p2.endRadius, p1.x, p1.y, p2.x, p2.y, p3.x, p3.y);} else {path.lineTo(p.x, p.y);}} else {if (hasCorner(p)) {P p1 = mList.get(i - 1);P p2 = p;P p3 = mList.get(i + 1);lineToAndCorner(path, p2.startRadius, p2.endRadius, p1.x, p1.y, p2.x, p2.y, p3.x, p3.y);} else {path.lineTo(x, y);}}}return path;}private boolean hasCorner(P p) {return p.endRadius > 0 && p.startRadius > 0;}}/*** 画线并添加圆点 (绘制的线是起始点到圆角结束点的路径,并不包含到p3点路径)** @param path* @param startRadius 起始圆角半径* @param endRadius   结束圆角半径* @param x1          起始点* @param y1* @param x2          中间点* @param y2* @param x3          结束点* @param y3*/public static void lineToAndCorner(Path path, float startRadius, float endRadius, float x1, float y1, float x2, float y2, float x3, float y3) {float[] onePoint = getOnLinePointLocationEnd(startRadius, x1, y1, x2, y2);path.lineTo(onePoint[0], onePoint[1]);float[] twoPoint = getOnLinePointLocationStart(endRadius, x2, y2, x3, y3);//绘制圆角path.cubicTo(onePoint[0], onePoint[1], x2, y2, twoPoint[0], twoPoint[1]);}/*** 获取线上点坐标** @param lenght 线上点距离起始点(x1,y1)长度* @param x1     起始点x坐标* @param y1     起始点y坐标* @param x2     结束点x坐标* @param y2     结束点y坐标* @return*/public static float[] getOnLinePointLocationStart(float lenght, float x1, float y1, float x2, float y2) {double degree = getDegree(x1, y1, x2, y2);double dx = getRightSideFromDegree(degree, lenght);double dy = getLeftSideFromDegree(degree, lenght);double v2 = x1 + dx;double v3 = y1 + dy;return new float[]{(float) v2, (float) v3};}/*** 获取线上点坐标** @param lenght 线上点距离结束点(x2,y2)长度* @param x1     起始点x坐标* @param y1     起始点y坐标* @param x2     结束点x坐标* @param y2     结束点y坐标* @return*/public static float[] getOnLinePointLocationEnd(float lenght, float x1, float y1, float x2, float y2) {double degree = MathHelper.getDegree(x1, y1, x2, y2);double dx = MathHelper.getRightSideFromDegree(degree, lenght);double dy = MathHelper.getLeftSideFromDegree(degree, lenght);double v2 = x2 - dx;double v3 = y2 - dy;return new float[]{(float) v2, (float) v3};}//两点间的角度private static double getDegree(float sx, float sy, float tx, float ty) {float nX = tx - sx;float nY = ty - sy;double angrad = 0d, angel = 0d, tpi = 0d;float tan = 0.0f;if (Float.compare(nX, 0.0f) != 0) {tan = Math.abs(nY / nX);angel = Math.atan(tan);if (Float.compare(nX, 0.0f) == 1) {if (Float.compare(nY, 0.0f) == 1 || Float.compare(nY, 0.0f) == 0) {angrad = angel;} else {angrad = 2 * Math.PI - angel;}} else {if (Float.compare(nY, 0.0f) == 1 || Float.compare(nY, 0.0f) == 0) {angrad = Math.PI - angel;} else {angrad = Math.PI + angel;}}} else {tpi = Math.PI / 2;if (Float.compare(nY, 0.0f) == 1) {angrad = tpi;} else {angrad = -1 * tpi;}}return Math.toDegrees(angrad);}/*** 直角三角形 根据角度和斜边求直角边** @param degree 角度* @param width  斜边* @return 直角边长*/private static double getRightSideFromDegree(double degree, double width) {double cos = Math.cos(Math.toRadians(degree));return width * cos;}private static double getLeftSideFromDegree(double degree, double width) {double sin = Math.sin(Math.toRadians(degree));return width * sin;}
}

实践:绘制带箭头的提示框背景

第一步:先绘制带圆角的三角形。

三角形只有一个角导圆角

        int r = 10;//圆角尺寸int ph = 30;//箭头离左侧距离int arrowsHeight = 35;//箭头高度Point p1 = new Point(ph, arrowsHeight);Point p2 = new Point(ph + arrowsHeight * 2, arrowsHeight);Point p3 = new Point(ph + arrowsHeight, 0);Path path = SimplePath.buildle().setPath(new Path())//设置path (可以设置也可以不设置, 若不设置工具类自己创建一个path对象).moveTo(p1.x, p1.y)//起始点.lineTo(p2.x, p2.y).lineTo(p3.x, p3.y, r, r).close().build();

效果如下:

 第二步:添加圆角矩形

int rectRadius = 30;
path.addRoundRect(new RectF(0,arrowsHeight, getBounds().right, getBounds().bottom), rectRadius, rectRadius ,Path.Direction.CW);

第三步:创建自定义Drawable, 将path绘制出来,再将drawable设置为textView 背景, 最后给textView设置padding即可。

效果如下:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/22620.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

开源大模型发展汇总

1. 大模型发展&概况 a. 发展线路图 其中基础模型如下&#xff1a; 大部分不开源&#xff0c;而OPT、BLOOM、LLaMA 三个模型是主要面向开源促进研究&#xff0c;聊天机器人场景开源的Open Assistant&#xff08;huggingface&#xff09;中文有一些GLM&#xff0c;百川&…

Mac环境下安装nginx并本地部署项目

1、前提 必须安装了homebrew&#xff0c;可在终端输入命令brew -v查看是否已经安装&#xff0c;如果输入指令出现版本号说明已经安装成功 如果未安装先安装&#xff08;homebrew官网地址&#xff09; /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/H…

类和对象(二)

目录 一、类的六个默认成员函数 二、构造函数 2.1 概念 2.2 特性 三、析构函数 3.1 概念 3.2 特性 四、拷贝构造函数 4.1 概念 4.2 特性 五、赋值运算符重载 5.1 运算符重载 5.2 赋值运算符重载特性 六、const修饰成员函数 七、取地址及const取地址操作符重载 一…

设计模式——备忘录模式

备忘录模式 定义 在不破坏封装性的前提下&#xff0c;捕获一个对象的内部状态&#xff0c;并在该对象之外保存这个状态&#xff0c;之后就可以将该对象恢复到原先保存的状态。 备忘录模式&#xff08;Memento Pattern&#xff09;是一种弥补缺陷的模式&#xff0c;能够在失败…

敏捷测试自动化

目录 前言&#xff1a; 敏捷宣言 敏捷软件开发VS传统方法 敏捷云服务 对什么进行自动化&#xff1f; 测试自动化的技巧 关于敏捷测试和自动化测试的关键信息 前言&#xff1a; 敏捷测试自动化是在敏捷开发环境中使用自动化工具和技术来支持测试活动的一种方法。它旨在提…

4G 网络跟 5G 的区别

4G网络和5G网络是两种不同的移动通信技术&#xff0c;它们在数据传输速度、延迟、连接密度和网络容量等方面存在一些区别。以下是它们之间的主要区别&#xff1a; 1. 速度&#xff1a;5G网络的速度比4G网络更快。5G网络具备更广的频段和更高的频率&#xff0c;能够提供更大的带…

【数据结构---排序】庖丁解牛式剖析常见的排序算法

排序算法 一、常见的排序算法二、常见排序算法的实现1. 直接插入排序2. 希尔排序3. 直接选择排序4. 堆排序5. 冒泡排序6. 快速排序6.1 递归实现快速排序思路一、hoare 版本思路二、挖坑法思路三、前后指针法 6.2 非递归实现快速排序 7. 归并排序7.1 归并排序的递归实现7.2 归并…

KuiperInfer深度学习推理框架环境配置-Ubuntu 22.04

KuiperInfer项目地址 Github项目地址 B站课程地址 安装Armadillo 官网&#xff1a;Armadillo官网 介绍&#xff1a;Armadillo C Library是一种C的线性代数库&#xff0c;包含一些矩阵和向量的运算&#xff0c;可以选用高效的LAPACK和BLAS进行加速。 矩阵相关计算的文档&…

发布项目管理生产的时候出现界面滚动不了

新的项目管理发布后出现页面鼠标上下滚动不了的问题&#xff0c;比较奇怪的是&#xff0c;本地开发没有问题&#xff0c;但发布生产后就出现问题了。 因为这次增加的组件比较多&#xff0c;相应的样式也比较多&#xff0c;所以那先分几个部分处理 1、先新加的几个组件是否有冲…

Unity VR 开发教程 OpenXR+XR Interaction Toolkit(九)根据不同物体匹配对应的抓取手势

文章目录 &#x1f4d5;教程说明&#x1f4d5;前置准备&#x1f4d5;HandData 脚本存储手部数据&#x1f4d5;制作预设手势&#x1f4d5;手势匹配脚本 GrabHandPose⭐完整代码⭐需要保存的数据⭐得知什么时候开始抓取和取消抓取⭐将手势数据赋予手部模型⭐平滑变化手势⭐开始抓…

Spark编程-共享变量(广播变量和累加器)

共享变量是什么 Spark中的两个重要抽象一个是RDD&#xff0c;另一个就是共享变量。 在默认情况下&#xff0c;当Spark在集群的多个不同节点的多个任务上并行运行一个函数时&#xff0c;它会把函数中涉及到的每个变量&#xff0c;在每个任务上都生成一个副本。 但是&…

单轴机器人的结构与特点

单轴机器人是由马达驱动的移动平台&#xff0c;由滚珠螺杆和 U型线性滑轨导引构成&#xff0c;其滑座同时为滚珠螺杆的驱动螺帽及线性滑轨的导引滑块&#xff0c;可用半导体、光电、交通运输业、环保节能产业、精密工具机、机械产业、智慧自动化、生技医疗上。 相对于传统的模组…