android坐标判断三角形,Android实现三角形气泡效果方式汇总
在开发过程中,我们可能会经常遇到这样的需求样式:
这张图是截取京东消息通知的弹出框,我们可以看到右上方有个三角形的气泡效果,这只是其中一种,三角形的方向还可以是上、下、左、右。
通过截图可以发现,气泡由正三角形和圆角长方形组成,于是可以通过组合来形成三角形气泡的效果,下面我们通过三种方式进行实现。
实现方式:1、通过.9图进行实现;
2、通过shape方式实现;
3、通过自定义view的方式实现;
实现逻辑:
1、通过.9图进行实现
这种方式就不用说了吧,找你们UI小姐姐切一个.9图,使用即可,不过这种方式的图片需要占一定体积哦。
2、通过shape方式实现正三角形<?xml version="1.0" encoding="utf-8"?>
android:fromDegrees="45"
android:pivotX="-40%"
android:pivotY="80%">
android:width="15dp"
android:height="15dp" />
倒三角形<?xml version="1.0" encoding="utf-8"?>
android:fromDegrees="45"
android:pivotX="135%"
android:pivotY="15%">
android:width="15dp"
android:height="15dp" />
左三角形<?xml version="1.0" encoding="utf-8"?>
android:fromDegrees="-45"
android:pivotX="85%"
android:pivotY="-35%">>
android:width="15dp"
android:height="15dp" />
右三角形<?xml version="1.0" encoding="utf-8"?>
android:fromDegrees="-45"
android:pivotX="15%"
android:pivotY="135%">>
android:width="15dp"
android:height="15dp" />
上面就是通过shape方式实现各个方向的代码,这种方式缺点比较明显,如果要变化不同的角的位置需要再写不同的布局。
3、通过自定义view的方式实现
由于是比较简单这里就不讲解每个怎么搞了,可以复制过去直接用添加自定义属性
自定义代码文件public class TriangleView extends View {
private static final int TOP = 0;
private static final int BOTTOM = 1;
private static final int RIGHT = 2;
private static final int LEFT = 3;
private static final int DEFUALT_WIDTH = 10;
private static final int DEFUALT_HEIGHT = 6;
private static final int DEFUALT_COLOR = R.color.FFF;
private Paint mPaint;
private int mColor;
private int mWidth;
private int mHeight;
private int mDirection;
private Path mPath;
public TriangleView(final Context context) {
this(context, null);
}
public TriangleView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public TriangleView(final Context context, final AttributeSet attrs, final int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
TypedArray typedArray = context.getTheme().obtainStyledAttributes(attrs, R.styleable.TriangleView, 0, 0);
mColor = typedArray.getColor(R.styleable.TriangleView_trv_color, ContextCompat.getColor(getContext(), DEFUALT_COLOR));
mDirection = typedArray.getInt(R.styleable.TriangleView_trv_direction, mDirection);
typedArray.recycle();
mPaint.setColor(mColor);
}
private void init() {
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setStyle(Paint.Style.FILL);
mPath = new Path();
mDirection = TOP;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mWidth = MeasureSpec.getSize(widthMeasureSpec);
mHeight = MeasureSpec.getSize(heightMeasureSpec);
final int widthMode = MeasureSpec.getMode(widthMeasureSpec);
final int heightMode = MeasureSpec.getMode(heightMeasureSpec);
if (mWidth == 0 || widthMode != MeasureSpec.EXACTLY) {
mWidth = (int) PixelUtil.dp2px(DEFUALT_WIDTH);
}
if (mHeight == 0 || heightMode != MeasureSpec.EXACTLY) {
mHeight = (int) PixelUtil.dp2px(DEFUALT_HEIGHT);
}
setMeasuredDimension(mWidth, mHeight);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
switch (mDirection) {
case TOP:
mPath.moveTo(0, mHeight);
mPath.lineTo(mWidth, mHeight);
mPath.lineTo(mWidth / 2, 0);
break;
case BOTTOM:
mPath.moveTo(0, 0);
mPath.lineTo(mWidth / 2, mHeight);
mPath.lineTo(mWidth, 0);
break;
case RIGHT:
mPath.moveTo(0, 0);
mPath.lineTo(0, mHeight);
mPath.lineTo(mWidth, mHeight / 2);
break;
case LEFT:
mPath.moveTo(0, mHeight / 2);
mPath.lineTo(mWidth, mHeight);
mPath.lineTo(mWidth, 0);
break;
default:
break;
}
mPath.close();
canvas.drawPath(mPath, mPaint);
}
}布局文件添加
android:layout_width="10dp"
android:layout_height="6dp"
app:trv_color="@color/FFF"
app:trv_direction="top" />
通过自定义的方式可以搞定四个方向,而且在代码中也可以使用,动态添加,动态改变颜色,还是比较好的方式。
到这里就完成啦.
android坐标判断三角形,Android实现三角形气泡效果方式汇总相关推荐
- Android带三角形的弹窗,Android实现三角形气泡效果方式汇总
在开发过程中,我们可能会经常遇到这样的需求样式: 这张图是截取京东消息通知的弹出框,我们可以看到右上方有个三角形的气泡效果,这只是其中一种,三角形的方向还可以是上.下.左.右. 通过截图可以发现,气泡 ...
- android气泡样式图片,Android实现三角形气泡效果方式汇总
在开发过程中,我们可能会经常遇到这样的需求样式: 这张图是截取京东消息通知的弹出框,我们可以看到右上方有个三角形的气泡效果,这只是其中一种,三角形的方向还可以是上.下.左.右. 通过截图可以发现,气泡 ...
- Android实现三角形气泡效果方式汇总,高级安卓面试题及答案2019
通过截图可以发现,气泡由正三角形和圆角长方形组成,于是可以通过组合来形成三角形气泡的效果,下面我们通过三种方式进行实现. 实现方式: 1.通过.9图进行实现: 2.通过shape方式实现: 3.通过自 ...
- Android实现三角形气泡效果方式汇总
在开发过程中,我们可能会经常遇到这样的需求样式: 这张图是截取京东消息通知的弹出框,我们可以看到右上方有个三角形的气泡效果,这只是其中一种,三角形的方向还可以是上.下.左.右. 通过截图可以发现,气泡 ...
- android 坐标布局变形,Android:scrollBy实现view随意移动并显示坐标
本文通过FrameLayout和LinearLayout来布局,并通过捕捉onTouchEvent事件来实现画面的随意移动,并同时显示移动后画面坐标. 控制view移动的函数主要是scrollTo和s ...
- android 坐标点计算器,Android实现简易计算器
开之前我还是想问问老师,为什么一定要星期天前交作业呢?由于条件限制,作品是赶出来的不是细细琢磨出来的.所以在这版apk中功能较为简易,有待后期再不断更新与优化 总体效果图如下 布局activity_m ...
- android h5 判断应用,Android H5判断是否安装app和唤起APP
H5中是无法直接判断应用是否安装的,但是可以间接判断. 第一种方式, if(...){ document.location = ''; setTimeout(function(){ //此处如果执行则 ...
- android应用判断蓝牙是否连接,如何以编程方式判断蓝牙设备是否已连接?
在你的仙女座宣言中加入蓝牙许可, 然后使用意图筛选器侦听ACTION_ACL_CONNECTED, ACTION_ACL_DISCONNECT_REQUESTED,和ACTION_ACL_DISCON ...
- Android 系统(216)---Android坐标分析过程
Android坐标分析过程 Android中有两种坐标系,分别是Android坐标系和视图坐标系. 首先看一下屏幕区域划分 //获取状态栏高度 Rect rect= new Rect(); get ...
最新文章
- python一些小操作
- 2019.7.16 网络层协议与应用
- Android 源代码自动编译packages/apps
- 高性能Numpy/Scipy加速:使用Intel MKL和Intel Compilers或OpenBLAS(待续)
- win7 找不到 计算机策略组,win7打开组策略报错:找不到资源string.Advanced_EnableSSL3Fallback...
- HBase数据读取流程解析
- java健康检查的作用,spring cloud分布式健康检查
- SpringBoot 解决“不支持发行版本xx”的问题
- 自学python编程免费教程-python编程入门 零基础学习Python基础(附带最新免费教程)...
- 使用MS Test进行单元测试
- MongoDB最佳实践
- 蛋白质聚集的分子动力学模拟
- 《赖氏经典英语语法》第二集
- 网上做什么可以赚钱?网上最靠谱的赚钱方法
- php+剧影评系统 毕业设计-附源码140859
- 【PDF】java使用Itext生成pdf文档--详解
- 初学者 深度学习 人工神经网络 可视化网站
- 【Java并发编程 】同步——volatile 关键字
- Me-tetrazine-Disulfo-Cyanine5,甲基四嗪-磺酸基菁染料Cy5,蓝色固体
- 使用Grabit自定义SQL收集metadata