android 悬浮按钮 简书,悬浮按钮

最新推荐文章于 2024-03-19 13:46:34 发布
最新推荐文章于 2024-03-19 13:46:34 发布
阅读量297 收藏
点赞数
文章标签： android 悬浮按钮 简书

33d97865c143

悬浮按钮

在父布局中宽高设置为match_parent

android:id="@+id/floatBtn"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

public class CustomFloatButton extends View {

private Context context;

private Paint paintMainBtn,paintContent,paintFloat,paintText;

private int border;

private int width;//设置高

private int height;//设置高

private int FloatType=0;

public static int Type_Circle=0;

public static int Type_Bitmap=1;

private List bitmapList;

public CustomFloatButton(Context context) {

super(context);

this.context=context;

initPaint();

initData();

}

public CustomFloatButton(Context context, @Nullable AttributeSet attrs) {

super(context, attrs);

this.context=context;

initPaint();

initData();

}

public CustomFloatButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

this.context=context;

initPaint();

initData();

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

drawFloatBtn(canvas);

drawMainBtn(canvas);

}

private int animValueSum;

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

width = getDefaultSize(getMeasuredWidth(), widthMeasureSpec);// 获得控件的宽度

height = getDefaultSize(getMeasuredHeight(), heightMeasureSpec);//获得控件的高度

border=width/8;

animValueSum=border*3/22;

if(circleX == 0){

circleX=width-border;

circleY=height-border;

moveX=circleX;

moveY=circleY;

}

setMeasuredDimension(width , height);//设置宽和高

}

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

}

private void initPaint() {

paintMainBtn=new Paint();

paintMainBtn.setAntiAlias(true);

paintMainBtn.setColor(Color.RED);

paintMainBtn.setStyle(Paint.Style.FILL_AND_STROKE);

paintContent=new Paint();

paintContent.setAntiAlias(true);

paintContent.setColor(Color.WHITE);

paintContent.setStyle(Paint.Style.FILL_AND_STROKE);

paintContent.setStrokeWidth(DensityUtil.dip2px(context,3));

paintFloat=new Paint();

paintFloat.setAntiAlias(true);

paintFloat.setColor(0xFF67C0FF);

paintFloat.setStyle(Paint.Style.FILL_AND_STROKE);

paintFloat.setShadowLayer(5,3,3,Color.DKGRAY);

paintText=new Paint();

paintText.setAntiAlias(true);

paintText.setColor(Color.WHITE);

paintText.setStyle(Paint.Style.FILL_AND_STROKE);

paintText.setTextAlign(Paint.Align.CENTER);

setLayerType(LAYER_TYPE_SOFTWARE, null);

shadowLayer=DensityUtil.dip2px(context,5);

}

private void initData() {

bitmapList=new ArrayList<>();

bitmapList.add(((BitmapDrawable)getResources().getDrawable(R.drawable.cake_72px)).getBitmap());

bitmapList.add(((BitmapDrawable)getResources().getDrawable(R.drawable.hamburger_72px)).getBitmap());

bitmapList.add(((BitmapDrawable)getResources().getDrawable(R.drawable.icecream_72px)).getBitmap());

bitmapList.add(((BitmapDrawable)getResources().getDrawable(R.drawable.watermelon_cuts_72px)).getBitmap());

}

private float circleX;

private float circleY;

private int shadowLayer;

/**

* 主按钮

* @param canvas

*/

private void drawMainBtn(Canvas canvas) {

paintMainBtn.setShadowLayer(5,shadowLayer*(circleX-width/2)/(width/2),shadowLayer*(circleY-height/2)/(height/2),Color.DKGRAY);

canvas.drawCircle(circleX,circleY,border*5/11,paintMainBtn);

canvas.drawLine(circleX+value,circleY-border*3/11+value,circleX-value,circleY+border*3/11-value,paintContent);

canvas.drawLine(circleX-border*3/11+value,circleY-value,circleX+border*3/11-value,circleY+value,paintContent);

}

/**

* 浮动按钮

* @param canvas

*/

private void drawFloatBtn(Canvas canvas) {

paintFloat.setShadowLayer(5,shadowLayer*(circleX-width/2)/(width/2),shadowLayer*(circleY-height/2)/(height/2),Color.DKGRAY);

float btnX=0;

float btnY=0;

for (int i = 0; i < 4; i++) {

if(Util.getDistance(circleX,circleY,width/2,height/2)

//中间

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*i*90)*10*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*i*90)*10*value);

}else if(Util.isInside(circleX,circleY,0,height/3,width/7,height*2/3)){

//左

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*i*60)*13*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*i*60)*13*value);

}else if(Util.isInside(circleX,circleY,width/3,0,width*2/3,height/7)){

//上

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*60-90))*13*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*60-90))*13*value);

}else if(Util.isInside(circleX,circleY,width*6/7,height/3,width,height*2/3)){

//右

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*60+180))*13*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*60+180))*13*value);

}else if(Util.isInside(circleX,circleY,width/3,height*6/7,width*2/3,height)){

//下

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*60+90))*13*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*60+90))*13*value);

}else if(circleX

//左上

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*i*30)*20*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*i*30)*20*value);

}else if(circleX>=width/2&&circleY

//右上

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*30-90))*20*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*30-90))*20*value);

}else if(circleX>=width/2&&circleY>=height/2){

//右下

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*30+180))*20*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*30+180))*20*value);

}else if(circleX=height/2){

//左下

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*30+90))*20*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*30+90))*20*value);

}

canvas.drawCircle(btnX,btnY,(value/animValueSum)*border*5/11,paintFloat);

if(FloatType==Type_Circle){

paintText.setTextSize(value/animValueSum*width/12);

canvas.drawText(i+"",btnX,btnY-border*5/11+getBaseLineY(paintText),paintText);

}else if(FloatType==Type_Bitmap){

canvas.drawBitmap(bitmapList.get(i),new Rect(0,0,bitmapList.get(i).getWidth(),bitmapList.get(i).getHeight()),new RectF((int)(btnX-(value/animValueSum)*border*5/15),(int)(btnY-(value/animValueSum)*border*5/15),(int)(btnX+(value/animValueSum)*border*5/15),(int)(btnY+(value/animValueSum)*border*5/15)),paintContent);

}

}

}

/**

* 获取基线中间点

* @param paint

* @return

*/

public int getBaseLineY(Paint paint){

Paint.FontMetrics fontMetrics = paint.getFontMetrics();

float top = fontMetrics.top;//为基线到字体上边框的距离,即上图中的top

float bottom = fontMetrics.bottom;//为基线到字体下边框的距离,即上图中的bottom

return (int) (border*5/11 - top/2 - bottom/2);//基线中间点的y轴计算公式

}

private float downX,downY;

private float moveX,moveY;

private boolean isClick=false;

private boolean isFloatClick=false;

private boolean isFloatClickable=false;

private int clickPosition=0;

@Override

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction()){

case MotionEvent.ACTION_DOWN:

downX=event.getX();

downY=event.getY();

isFloatClick=false;

if(Util.getDistance(downX,downY,circleX,circleY) < border*5/11){

isClick=true;

return true;

}

if(isOpen&&!valueAnimatorOpen.isRunning()){

float btnX = 0,btnY=0;

for (int i = 0; i < 4; i++) {

if(Util.getDistance(circleX,circleY,width/2,height/2)

//中间

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*i*90)*10*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*i*90)*10*value);

}else if(Util.isInside(circleX,circleY,0,height/3,width/7,height*2/3)){

//左

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*i*60)*13*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*i*60)*13*value);

}else if(Util.isInside(circleX,circleY,width/3,0,width*2/3,height/7)){

//上

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*60-90))*13*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*60-90))*13*value);

}else if(Util.isInside(circleX,circleY,width*6/7,height/3,width,height*2/3)){

//右

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*60+180))*13*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*60+180))*13*value);

}else if(Util.isInside(circleX,circleY,width/3,height*6/7,width*2/3,height)){

//下

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*60+90))*13*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*60+90))*13*value);

}else if(circleX

//左上

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*i*30)*20*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*i*30)*20*value);

}else if(circleX>=width/2&&circleY

//右上

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*30-90))*20*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*30-90))*20*value);

}else if(circleX>=width/2&&circleY>=height/2){

//右下

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*30+180))*20*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*30+180))*20*value);

}else if(circleX=height/2){

//左下

btnX=(float)(circleX+Math.sin(2*Math.PI / 360*(i*30+90))*20*value);

btnY=(float)(circleY+Math.cos(2*Math.PI / 360*(i*30+90))*20*value);

}

if(Util.getDistance(downX,downY,btnX,btnY) < border*5/11){

clickPosition=i;

isFloatClick=true;

return true;

}

}

}

break;

case MotionEvent.ACTION_MOVE:

moveX=event.getX();

moveY=event.getY();

if(!isOpen&&Util.getDistance(moveX,moveY,downX,downY)>border*5/11){

if(moveX

circleX=border/2;

}else if(width-moveX

circleX=width-border/2;

}else {

circleX=moveX;

}

if(moveY

circleY=border/2;

}else if(height-moveY

circleY=height-border/2;

}else {

circleY=moveY;

}

invalidate();

isClick=false;

return false;

}

break;

case MotionEvent.ACTION_UP:

if(valueAnimatorOpen!=null&&valueAnimatorOpen.isRunning()){

return false;

}

if(isClick){

OpenAmin();

if(isFloatClick){

if(mOnBtnClickListener!=null&&isClick){

mOnBtnClickListener.onBtnClick(clickPosition);

}

}

}

return true;

}

return super.onTouchEvent(event);

}

private ValueAnimator valueAnimatorOpen;

private float value;

private boolean isOpen=false;

private void OpenAmin() {

if(isOpen){

isOpen=false;

isFloatClickable=false;

valueAnimatorOpen= ValueAnimator.ofFloat(animValueSum,0);

}else {

isOpen=true;

isFloatClickable=true;

valueAnimatorOpen= ValueAnimator.ofFloat(0f,animValueSum);

}

valueAnimatorOpen.setDuration(500);

valueAnimatorOpen.setInterpolator(new OvershootInterpolator());

valueAnimatorOpen.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

value= (float) animation.getAnimatedValue();

invalidate();

}

});

valueAnimatorOpen.start();

}

private OnBtnClickListener mOnBtnClickListener;

/**

* 按键点击

*/

public interface OnBtnClickListener{

void onBtnClick(int position);

}

public void setOnBtnClickListener(OnBtnClickListener listener){

this.mOnBtnClickListener=listener;

}

public void setFloatType(int type){

FloatType=type;

invalidate();

}

}

Silver2Ong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android代码-悬浮窗权限兼容库
08-06
SettingsCompat 特殊权限(Special Permissions)兼容库，悬浮窗权限(SYSTEM_ALERT_WINDOW)与系统设置修改权限(WRITE_SETTINGS) Android 6.0以前只要在manifest中申请了权限就是默认开启的 Android 6.0 需要在manifest中申请并且通过发送Intent让用户在设置界面进行勾选 适配 检测 API 23 (Android 6.0 /M) 使用 Settings.canDrawOverlays, Settings.System.canWrite API 18 (Android 4.3 /JellyBean MR2) 通过反射使用 AppOpsManager.checkOp API < 18 默认权限开启，时始终返回 true 授权 API 23 (Android 6.0 /M) 去系统设置面板就好 new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION), new Intent(Settings.ACTION_MANAGE_WRI
Android：最新版浮动按钮的制作
兴趣使然的创作者
03-14 1692
UI设计给我出了个难题：在一个界面上设计一个始终位于屏幕右下角的浮动按钮 翻阅好多博客（几乎都是几年前的）：都是说要导入这么一个依赖 compile ‘com.getbase:floatingactionbutton:1.10.1’，结果发现放在2021年早已失效。 几经摸索，也没找到最新版Floatactionbutton的正确依赖。 突然想到，新建项目有个Basic Activity，里面正好有这么个玩意，如图可见 于是新建项目，研究源码，果然适用SDK最新版本。 当然还有各种各样的坑，也顺便记录一下
Android自定义可移动悬浮按钮，带你彻底弄明白
m0_60388117的博客
03-19 937
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。最后针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！
Android 之 PopupWindow(悬浮框) 的基本使用
leyang0910的博客
06-19 919
本节给大家带来的是最后一个用于显示信息的UI控件——PopupWindow(悬浮框)，如果你想知道 他长什么样子，你可以打开你手机的QQ，长按列表中的某项，这个时候后弹出一个黑色的小 对话框，这种就是PopupWindow了，和AlertDialog对话框不同的是，他的位置可以是随意的。
android——自定义控件(编辑框)、悬浮窗
wy313622821的博客
10-24 575
【代码】android——自定义控件(编辑框)
Android FloatingActionButton（浮动动作按钮的动画 ） 使用详情
向着太阳迎着光
08-19 5053
浮动动作按钮(FAB)已经成为最简单的组件之一，成为设计师和开发人员快速和必不可少的最爱。家人们，这篇文章将向您展示如何使您的应用程序FAB交互式，以及如何制作自己的动画。但是让我们从简单的开始，将浮动操作按钮添加到一个Android项目中。浮动动作按钮看起来像这样的布局文件，如果创建一个空白活动的项目，将自动生成；
【Android入门到项目实战-- 11.1】—— 实现悬浮按钮
张修宇的博客
05-13 2330
Android如何实现悬浮按钮
android实现悬浮按钮功能
qq_68469751的博客
03-17 1582
android用FloatingActionButton实现悬浮按钮可点击，拖拽
Android 悬浮框按钮
qq_19688207的博客
07-16 1977
Android 悬浮框按钮
安卓悬浮按钮
weixin_53549555的博客
05-26 203
【代码】安卓悬浮按钮。
Android 自定义可拖动悬浮按钮
YDHIT的博客
05-24 1859
4. 在 Activity 中添加该 View，并设置其 LayoutParams，使其可以悬浮在屏幕上。2. 在 View 中实现 onTouchEvent 方法，处理触摸事件，实现拖动功能。1. 创建一个自定义的 View，继承自 View 或者 ImageButton。3. 在 View 中实现 onDraw 方法，绘制悬浮按钮的样式。5. 在 View 中添加点击事件，实现点击悬浮按钮后的操作。6. 可以添加动画效果，使悬浮按钮更加生动。// 点击悬浮按钮后的操作。// 绘制悬浮按钮的样式。
Android 悬浮按钮实现
12-05
Android 悬浮按钮 悬浮框 浮动按钮
Android仿简书动态searchview搜索栏效果
08-30
主要为大家详细介绍了Android仿简书动态searchview效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 开发仿简书登录框可删除内容或显示密码框的内容
09-01
本文通过实例代码给大家分享android开发中模仿简书登录框可删除内容或显示密码框的内容，非常不错，具有参考借鉴价值，需要的朋友参考下吧
iOS自定义UITabBar中间按钮
01-03
iOS自定义UITabBar中间按钮的具体代码，供大家参考，具体内容如下 自定义YLTbaBar继承自UITabBar git地址 YLTbaBar.h // // YLTabBar.h // 自定义tabbar // // Created by nyl on 2018/10/15. // Copyright :...
杭州电子科技大学数据结构(题目).pdf
04-26
杭州电子科技大学，期末考试资料，计算机专业期末考试试卷，试卷及答案，数据结构。
重庆大学 2010-2011(一)模拟电子技术A卷答案.pdf
最新发布
04-26
重庆大学期末考试试卷，重大期末考试试题，试题及答案
如何创意年会组织形式？.docx
04-26
年会班会资料，节目策划，游戏策划，策划案，策划方案，活动方案，筹办，公司年会，开场白，主持人，策划主题，主持词，小游戏。
基于Django框架的博客系统.zip
04-26
基于Django框架的博客系统.zip
android答题实现 简书
01-05
android答题实现是一款专门针对安卓手机用户设计的答题类应用程序。用户可以在该应用中选择不同的题目类型，包括文学、历史、科学等，并通过答题来测试自己的知识水平。同时，应用中还提供了答题技巧和知识点解析，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值