Android自定义消息弹窗(带效果图)-创新互联
前言
自定义消息弹窗,dialog那种弹窗,先发效果图,
文章名称:Android自定义消息弹窗(带效果图)-创新互联
文章来源:http://myzitong.com/article/dehhop.html
弹窗就是使用的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_Utilpackage 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://myzitong.com/article/dehhop.html