Android使用popupWindow仿微信弹出框使用方法
更新时间：2022年09月20日 09:35:56 作者：破z晓
这篇文章主要为大家详细介绍了Android使用popupWindow仿微信弹出框使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Android使用popupWindow仿微信弹出框的具体实现代码，供大家参考，具体内容如下
效果如下：
一、activity_main.xml代码
在activity_main.xml中设置"弹出框"按钮，并将activity_main.xml最外层设置一个id，代码如下
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/drawerLayout" tools:context=".MainActivity"> <!-- 模拟toolbar的左侧图标 --> <LinearLayout android:layout_width="match_parent" android:layout_height="56dp" android:orientation="horizontal" android:gravity="center_vertical" android:background="@color/colorPrimary"> <Button android:id="@+id/img_menuBtn" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="2" android:text="侧边栏" android:padding="8dp"/> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1"/> <Button android:id="@+id/popupBtn" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="2" android:text="弹出框" android:padding="8dp"/> </LinearLayout> </androidx.drawerlayout.widget.DrawerLayout>
二、创建带箭头的视图类
ArrowView.java代码如下：
package com.chy.test;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.widget.LinearLayout;
import androidx.annotation.Nullable;
public class ArrowView extends LinearLayout {
/**
* 构造方法
* */
public ArrowView(Context context) {
super(context);
}
public ArrowView(Context context,@Nullable AttributeSet attrs) {
super(context,attrs);
}
public ArrowView(Context context,@Nullable AttributeSet attrs,int defStyleAttr) {
super(context,attrs,defStyleAttr);
}
/**
* 重写绘制方法
* */
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 创建画笔
Paint paint = new Paint();
paint.setAntiAlias(true); //设置画笔抗锯齿
paint.setStrokeWidth(2); //设置线宽
paint.setColor(Color.BLACK); //设置线的颜色
int height = getHeight(); //获取View的高度
int width = getWidth(); //获取View的宽度
/**视图显示的区域**/
/**
* @param left 长方形左侧的x坐标
* @param top 长方形顶的Y坐标
* @param right 长方形右侧的X坐标
* @param bottom 长方形底的Y坐标*/
RectF rectF = new RectF(getPaddingLeft() - 20,getPaddingTop() - 20,width - getPaddingRight() + 20,height - getPaddingBottom()+20);
/**
* @param rectF RectF对象
* @param rx x方向上的圆角半径
* @param ry y方向上的圆角半径
* @param paint 绘制时所使用的画笔
* */
canvas.drawRoundRect(rectF,30,30,paint);
/* // 三角形在视图的正上方
Path path = new Path();
//以下是绘制视图的那个箭头
path.moveTo(width / 2, 0);// 三角形顶点
path.lineTo(width / 2 + getPaddingTop(), getPaddingTop()); //三角形右边的点
path.lineTo(width / 2 - getPaddingTop(), getPaddingTop()); //三角形左边的点*/
// 三角形在视图的正下方
/*Path path = new Path();
//以下是绘制视图的那个箭头
path.moveTo(width / 2, height);// 三角形顶点
path.lineTo(width / 2 - getPaddingBottom(), height - getPaddingBottom()); //三角形左边的点
path.lineTo(width / 2 + getPaddingBottom(), height - getPaddingBottom()); //三角形右边的点*/
/*// 三角形在视图的正左方
Path path = new Path();
//以下是绘制视图的那个箭头
path.moveTo(0, height / 2);// 三角形左侧顶点
path.lineTo(getPaddingLeft(), height / 2 - getPaddingLeft()); //三角形上面的点
path.lineTo(getPaddingLeft(), height / 2 + getPaddingLeft()); //三角形下面的点*/
/* // 三角形在视图的正右方
Path path = new Path();
//以下是绘制视图的那个箭头
path.moveTo(width, height / 2);// 三角形右侧顶点
path.lineTo(width - getPaddingRight(), height / 2 - getPaddingRight()); //三角形上面的点
path.lineTo(width - getPaddingRight(), height / 2 + getPaddingRight()); //三角形下面的点*/
// 三角形在视图的右上方
Path path = new Path();
//以下是绘制视图的那个箭头
path.moveTo(width - getPaddingTop() * 3/2, 0);// 三角形顶点
path.lineTo(width - getPaddingTop(), getPaddingTop()); //三角形右边的点
path.lineTo(width - getPaddingTop()*2, getPaddingTop()); //三角形左边的点
path.close();
canvas.drawPath(path, paint);
super.onDraw(canvas);
}
}三、创建popupwindow_dialog.xml和text.xml
popupwindow_dialog.xml代码如下：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <!--使用箭头视图--> <com.chy.test.ArrowView android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/whiteColor" android:padding="20dp"> <ListView android:id="@+id/lv_dialog" android:layout_width="match_parent" android:layout_height="match_parent" android:cacheColorHint="#00000000"> </ListView> </com.chy.test.ArrowView> </LinearLayout>
text.xml代码如下
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:id="@+id/tv_item" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dip" android:padding="5dp" android:textColor="@color/whiteColor" android:textSize="20sp" /> </LinearLayout>
四、使用方法
package com.chy.test;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
private Button popupBtn;// 弹出框按钮
private PopupWindow popupWindow;
private LinearLayout layout;
private ListView listView;
private String[] add ={"发起群聊","添加朋友","视屏聊天","扫一扫","拍照分享"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initViews();
}
/**
* 初始化视图
* */
private void initViews() {
// 弹出框
popupBtn = findViewById(R.id.popupBtn);
popupClick();
}
/**
* 弹出框按钮点击事件
* */
private void popupClick(){
popupBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int y1 = popupBtn.getBottom() * 3 / 2;
int x1 = getWindowManager().getDefaultDisplay().getWidth();
showAddPopupWindow(x1, y1);
}
});
}
/**
* 点击popupBtn按钮时弹出popuwindow
*/
public void showAddPopupWindow(int x, int y) {
layout = (LinearLayout) LayoutInflater.from(MainActivity.this).inflate(
R.layout.popupwindow_dialog, null);
listView = layout.findViewById(R.id.lv_dialog);
listView.setAdapter(new ArrayAdapter(MainActivity.this,
R.layout.text, R.id.tv_item, add));
popupWindow = new PopupWindow(MainActivity.this);
// 以下两种选其一
//popupWindow.setBackgroundDrawable(new BitmapDrawable());
popupWindow.setBackgroundDrawable(null);
popupWindow
.setWidth(getWindowManager().getDefaultDisplay().getWidth() / 2);
popupWindow.setHeight(640);
popupWindow.setOutsideTouchable(true);
popupWindow.setFocusable(true);
popupWindow.setContentView(layout);
popupWindow.showAtLocation(findViewById(R.id.drawerLayout), Gravity.LEFT
| Gravity.TOP, x, y);//需要指定Gravity，默认情况是center.
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
Toast.makeText(getBaseContext(), "您选择了："+add[arg2],Toast.LENGTH_SHORT).show();
popupWindow.dismiss();
popupWindow = null;
}
});
}
}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Android日志文件的读写工具类，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了Android用户注册界面 的相关资料,需要的朋友可以参考下2016-03-03
这篇文章主要介绍了Android实现Activity之间通信的方法,涉及Android中Activity实现数据的发送及接收相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
详解Android如何设计一个全局可调用的ViewModel对象
很多时候我们需要维护一个全局可用的ViewModel，因为这样可以维护全局同一份数据源，且方便使用协程绑定App的生命周期，那如何设计全局可用的ViewModel对象，文中介绍的非常详细,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了Android Studio添加日志过滤方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-04-04
Jetpack是一套库、工具和指南的集合，帮助开发者更轻松地编写优质应用，这篇文章主要介绍了Android Jetpack简介,需要的朋友可以参考下2022-09-09
Android编程开发之TextView单击链接弹出Activity的方法
这篇文章主要介绍了Android编程开发之TextView单击链接弹出Activity的方法,涉及Android中TextView控件的相关操作技巧,需要的朋友可以参考下2016-01-01
使用RecyclerView添加Header和Footer的方法
RecyclerView虽然作为ListView的替代者有着较好的性能提升，但是ListView的一些常用功能却没有提供，比如我们平时会经常用到的addHeaderView，addFooterView，既然RecyclerView没有提供这个方法，我们应该如何为列表添加头部和底部呢，接下来通过本文给大家介绍2016-03-03
这篇文章主要介绍了移动端touch实现下拉刷新功能，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
这篇文章主要为大家详细介绍了Flutter自定义圆盘取色器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
最新评论