怎么在Android中利用tipLayout实现一个带箭头的指引代码?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
引用方式
compile 'com.xiaowei:TriangleTipLayout:1.0.0'
实现思路
准备一个三角形指引的图片即可。
先上代码
final TextPaint textPaint = mTextView.getPaint();
final int textHeight = (int) (textPaint.descent() - textPaint.ascent());
mRect.set(0, DEFAULT_TOP_HEIGHT, getWidth(), getHeight() + textHeight - DEFAULT_TOP_HEIGHT);
canvas.drawRect(mRect, mRectPaint);
final String text = mTextView.getText().toString();
float left = 0;
if (mIsShowTriangle) {
if (mGravity == Gravity.LEFT || mGravity == Gravity.START) {
LayoutParams layoutParams = (LayoutParams) mTarget.getLayoutParams();
left = mTarget.getLeft() - layoutParams.rightMargin - layoutParams.leftMargin;
} else {
if (mTarget instanceof TextView) {
ViewParent viewParent = mTarget.getParent();
float textWidth = textPaint.measureText(text);
if (viewParent instanceof LinearLayout) {
final float width = mTarget.getWidth() / 2;
left = mTarget.getLeft() + width - (mBitmap.getWidth() / 2);
} else if (viewParent instanceof RelativeLayout) {
left = mTarget.getLeft() + textWidth / 2;
}
} else if (mTarget instanceof ImageView) {
final float width = mTarget.getWidth();
left = mTarget.getLeft() + (width / 2) - (mBitmap.getWidth() / 2);
}
}
canvas.drawBitmap(mBitmap, left, 0, mBitmapPaint);
}
}
核心代码如上,其思路是先绘制一个矩形,预留出三角形所需要的高度,最后将其三行图片绘制出来。
配置指示器
mTipsLayout.setRectBackgroundColor(Color.parseColor("#FFF8BE"));
mTipsLayout.setTextColor(Color.parseColor("#FF9B33"));
mTipsLayout.setTriangleBitmap(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_triangle_arrow));
mTipsLayout.setTriangleGravity(Gravity.START);
mTipsLayout.bindView(findViewById(R.id.text2));
mTipsLayout.setText("您今日收入已到达10W+,牛逼。保持努力");
注意:当调用setText之后会invalidate()重新绘制;
看完上述内容,你们掌握怎么在Android中利用tipLayout实现一个带箭头的指引代码的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。