Android--模仿360底部导航按钮

效果图:

如果没有左右2个边界的判断, 其实还是很简单的.
那就不断绘制drawCircle就可以了.

难就难在左右边界这2个特殊的地方.
我这里使用了drawArc的方法,完成左右2个特殊的地方.

部分代码:

//首先绘制 内圆. 也就是没有透明颜色的圆
mPaint.setColor(mCircleColor);
canvas.drawCircle(mCx, mCy, Math.min(curRadius, mCircleRadius), mPaint);//其次 绘制,带有透明颜色的圆
mPaint.setColor(mCircleColorOut);
canvas.drawCircle(mCx, mCy, Math.min(curRadius, mCircleRadiusOut), mPaint);//最后判断是否是左右特殊位置, 绘制arc
if (drawLeft) {mPaint.setColor(mCircleColor);canvas.drawArc(getArcRecF(Math.min(curRadius, mCircleRadiusMax)), 90, 180, true, mPaint);
} else if (drawRight) {mPaint.setColor(mCircleColor);canvas.drawArc(getArcRecF(Math.min(curRadius, mCircleRadiusMax)), -90, 180, true, mPaint);
}//为了动画,需要一直改变绘制的半径
if (curRadius < maxRadius) {curRadius += mRadiusDrawStep;invalidateSelf();
}

使用方法:

//设置普通的背景
button.setBackground(new CircleAnimDrawable().setPosition(CircleAnimDrawable.POS_LEFT));
button.setBackground(new CircleAnimDrawable().setPosition(CircleAnimDrawable.POS_CENTER));
button.setBackground(new CircleAnimDrawable().setPosition(CircleAnimDrawable.POS_RIGHT));

//如果要在RadioButton里面使用,需要包一层Drawable
private Drawable createRadioBackground(int position) {StateListDrawable listDrawable = new StateListDrawable();listDrawable.addState(new int[]{android.R.attr.state_checked}, new CircleAnimDrawable().setPosition(position));return listDrawable;
}

源码地址:
https://github.com/angcyo/RJcenter/blob/master/rsen/src/main/java/com/rsen/drawable/CircleAnimDrawable.java

至此: 文章就结束了,如有疑问: QQ群:274306954 欢迎您的加入.

Android--模仿360底部导航按钮相关推荐

android 仿360浮动,Android--模仿360底部导航按钮
效果图: 这里写图片描述如果没有左右2个边界的判断, 其实还是很简单的. 那就不断绘制drawCircle就可以了. 难就难在左右边界这2个特殊的地方. 我这里使用了drawArc的方法,完成左右2 ...
android仿微信的activity平滑水平切换动画,Android实现简单底部导航栏 Android仿微信滑动切换效果...
Android实现简单底部导航栏 Android仿微信滑动切换效果发布时间:2020-10-09 19:48:00 来源:脚本之家阅读:96 作者:丶白泽 Android仿微信滑动切换最终实现效果 ...
Android超简单底部导航ImageView+TextView+FramLayout（一）
废话前言刚工作的时候就事采用这种方式实现的底部导航,方便快捷,重要的是好理解. 我将采用我觉得最清晰的思路实现这种方式一.创建主页面为了便于查看,我只写了两个tab,其他多的照葫芦画瓢就行了 & ...
react native Android 键盘将底部导航栏/按钮顶起
比如,当输入框中输入信息时,键盘会把底部导航栏顶起,就会很丑啊! 解决办法: 1.找到文件 android/app/src/main/AndroidManifest.xml,修改android:win ...
Android仿Qzone底部导航栏加号弹出菜单
最近看到QQ空间新浪微博-.好多应用底部导航栏都有加号点击弹出菜单,于是就写了一个demo,来给没做过这个功能的小伙伴一个参考,希望对大家有所帮助,demo中的图片均来源于Qzone 仅作为学习交流 ...
php仿微信底部菜单,Android实现简单底部导航栏 Android仿微信滑动切换效果
Android仿微信滑动切换最终实现效果: 大体思路: 1. 主要使用两个自定义View配合实现; 底部图标加文字为一个自定义view,底部导航栏为一个载体,根据需要来添加底部图标; 2. 底部导航栏 ...
Android studio实现底部导航,AndroidStudio制作底部导航栏以及用Fragment实现切换功能...
前言大家好,我是 Vic,今天给大家带来AndroidStudio制作底部导航栏以及用Fragment实现切换功能的概述,希望你们喜欢学习目标 AndroidStudio制作底部导航栏以及用Fra ...
android滑动菜单图标,Android实现简单底部导航栏 Android仿微信滑动切换效果
Android仿微信滑动切换最终实现效果: 大体思路: 1. 主要使用两个自定义View配合实现; 底部图标加文字为一个自定义view,底部导航栏为一个载体,根据需要来添加底部图标; 2. 底部导航栏 ...
android 底部滑动效果怎么做,Android实现简单底部导航栏 Android仿微信滑动切换效果...
android仿微信滑动切换最终实现效果: 大体思路: 1. 主要使用两个自定义view配合实现; 底部图标加文字为一个自定义view,底部导航栏为一个载体,根据需要来添加底部图标; 2. 底部导航栏 ...
JFTabBar android强大的底部导航栏框架（微信底部导航栏效果）
TabBar这个名字相信很多学过一点IOS程序员都知道它是用来干嘛的,但本人也并非擅长开发IOS程序员,只是略懂略懂....这是一个很强大的TabBar,可满足很多需求.用起来也非常简单,在oncre ...

Android--模仿360底部导航按钮

Android--模仿360底部导航按钮相关推荐

最新文章

热门文章