Android自定义消息弹窗(带效果图)-创新互联

前言 自定义消息弹窗,dialog那种弹窗,先发效果图,

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了金湖免费建站欢迎大家使用！

弹窗就是使用的popuwindow,使用自由度较高,也可以按照界面位置来展示

一、popuwindow是什么？

PopupWindow是一个弹出式窗口，它可以展示任意View,里面可以自己定义任何看见,而且窗口对象也可以全局使用,它是浮在当前窗口的上方展示。

二、使用步骤 首页布局代码 如下：

自定义布局代码先别着急后面会贴,可以先注释一下 2.首页所有代码,在点击事件中执行popuwindow代码,BaseActivity22 是我继承的代码,你们可以只复制点击事件中的代码

public class Pop_Activity extends BaseActivity22 {@BindView(R.id.btn)
    Button btn;
    private PopupWindow popupWindow;

    @Override
    protected int Layout() {return R.layout.activity_pop;
    }

    @Override
    protected void initView(Bundle savedInstanceState) {btn.setOnClickListener(v ->{initPopWindow(v);
        });
    }

    private void initPopWindow(View v) {ScreenUtils.backgroundAlpha(0.5f, (Activity) this);
        View vPopupWindow = LayoutInflater.from(this).inflate(R.layout.item_pop_test, null, false);
        popupWindow = new PopupWindow(vPopupWindow, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);

        Button btn_xixi = (Button) vPopupWindow.findViewById(R.id.btn_xixi);
        Button btn_hehe = (Button) vPopupWindow.findViewById(R.id.btn_hehe);

       btn_xixi.setOnClickListener(v1 ->{Toast.makeText(Pop_Activity.this, "你点击了111~", Toast.LENGTH_SHORT).show();
            popupWindow.dismiss();
        });
        
        btn_hehe.setOnClickListener(v12 ->{Toast.makeText(Pop_Activity.this, "你点击了222~", Toast.LENGTH_SHORT).show();
            popupWindow.dismiss();

        });

        //引入依附的布局
        popupWindow.setTouchable(true);
        popupWindow.showAsDropDown(v, 0, 33);
    }

    @Override
    protected void startCoding() {}

    @Override
    public void onSuccess(Object o) {}

    @Override
    public void onError(String error) {}
}

子布局item_pop_test代码 如下：

自定义canvas,绘制的消息框

package com.ami.myzonghe_demo.utils;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
import android.widget.LinearLayout;

import androidx.annotation.Nullable;

public class Message_Back_Style extends View {private Paint mPaint;
    private RectF rect;
    private Path path3;

    public Message_Back_Style(Context context) {super(context);
    }

    public Message_Back_Style(Context context, @Nullable AttributeSet attrs) {super(context, attrs);

        //new一个画笔对象
        mPaint = new Paint();
        //设置颜色
        mPaint.setColor(Color.WHITE);


        //new 路径对象,用来绘制三角形的
        path3 = new Path();
        //路径绘制是设置具体的几个点的位置,然后连在一起,三个点就是三角形,四个点就是四边形或者其他形状
        //因为我们的圆角矩形是从50的高度开始绘制的,所以我这边的三角形也设置的是50的等腰三角形
        path3.moveTo(100, 0);
        path3.lineTo(75, 50);
        path3.lineTo(125, 50);

        //在此执行绘制圆角矩形的操作,
        //1,2个参数是左上角的位置
        //3,4个参数是右下角的位置
        rect = new RectF(0, 50, new Dp_Px_Util().Dp2Px(context,200),  new Dp_Px_Util().Dp2Px(context,100));
    }

    @Override
    protected void onDraw(Canvas canvas) {super.onDraw(canvas); 

        //绘制圆角矩形   50,50是绘制的弧度
        canvas.drawRoundRect(rect, 50, 50, mPaint);

        //绘制三角形
        //放入设置的路径和画笔对象
        canvas.drawPath(path3,mPaint);
        path3.close();
    }

}

代码中用到的dp转px的工具类Dp_Px_Util

package com.ami.myzonghe_demo.utils;

import android.content.Context;

public class Dp_Px_Util {public int Dp2Px(Context context, float dp) {final float scale = context.getResources().getDisplayMetrics().density; //当前屏幕密度因子
        return (int) (dp * scale + 0.5f);
    }

    public int Px2Dp(Context context, float px) {final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (px / scale + 0.5f);
    }
}

总结 大家按照上述代码复制粘贴就可以实现本文开始的效果了,如果遇到了点击按钮在左边右边下边的情况,可以在Message_Back_Style中自行设置背景 ∠角 的位置

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧

分享文章：Android自定义消息弹窗(带效果图)-创新互联
本文地址：http://cdxtjz.cn/article/dehhop.html