欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android开发中悬浮框的基本用法(总结)--类似于QQ中的置顶、删除悬浮框

程序员文章站 2022-05-31 10:55:02
...

效果图如下:

Android开发中悬浮框的基本用法(总结)--类似于QQ中的置顶、删除悬浮框

1、常用的一些方法

下面介绍几个用得较多的一些方法,其他的可自行查阅文档:

  • setContentView(View contentView):设置PopupWindow显示的View
  • getContentView():获得PopupWindow显示的View
  • showAsDropDown(View anchor):相对某个控件的位置(正左下方),无偏移
  • showAsDropDown(View anchor, int xoff, int yoff):相对某个控件的位置,有偏移
  • showAtLocation(View parent, int gravity, int x, int y):相对于父控件的位置(例如正*Gravity.CENTER,下方Gravity.BOTTOM等),可以设置偏移或无偏移PS:parent这个参数只要是activity中的view就可以了!
  • setWidth/setHeight:设置宽高,也可以在构造方法那里指定好宽高,除了可以写具体的值,还可以用WRAP_CONTENT或MATCH_PARENT,popupWindow的width和height属性直接和第一层View相对应。
  • setFocusable(true):设置焦点,PopupWindow弹出后,所有的触屏和物理按键都由PopupWindows处理。其他任何事件的响应都必须发生在PopupWindow消失之后,(home 等系统层面的事件除外)。比如这样一个PopupWindow出现的时候,按back键首先是让PopupWindow消失,第二次按才是退出activity,准确的说是想退出activity你得首先让PopupWindow消失,因为不并是任何情况下按back PopupWindow都会消失,必须在PopupWindow设置了背景的情况下 。
  • setAnimationStyle(int):设置动画效果

2、实例

先贴下动画文件:anim_pop.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha android:fromAlpha="0"
        android:toAlpha="1"
        android:duration="2000">
    </alpha>
</set> 

接着是popupWindow的布局:item_popip.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/ic_pop_bg"
    android:orientation="horizontal">

    <Button
        android:id="@+id/btn_toTop"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:textColor="@color/colorWhite"
        android:background="@color/colorBlack"
        android:layout_marginRight="0.1dp"
        android:text="置顶"
        android:textSize="14dp" />

    <Button
        android:id="@+id/btn_delete"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:background="@color/colorBlack"
        android:textColor="@color/colorWhite"
        android:text="删除"
        android:textSize="14dp" />

</LinearLayout>

MainActivity.java的代码如下:

package com.deepreality.popupwindowdemo;

import android.graphics.drawable.ColorDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private ListView lvInfo;
    private UniversalBaseAdapter<App> universalBaseAdapter;
    private List<App> list;
    private PopupWindow popWindow;

    private int[] imgIds = new int[]{R.mipmap.iv_lol_icon1, R.mipmap.iv_lol_icon2, R.mipmap.iv_lol_icon3};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        bindListView();
    }

    public void bindListView() {
        lvInfo = findViewById(R.id.main_lvInfo);
        list = new ArrayList<>();
        App appOne = new App(imgIds[0], "提莫");
        App appTwo = new App(imgIds[1], "德克萨斯");
        App appThree = new App(imgIds[2], "易大师");
        list.add(appOne);
        list.add(appTwo);
        list.add(appThree);

        universalBaseAdapter = new UniversalBaseAdapter<App>((ArrayList)list, R.layout.item_list) {
            @Override
            public void bindView(ViewHolder holder, App obj) {
                holder.setImageResource(R.id.img_icon, obj.get_img_icon());
                holder.setText(R.id.txt_aname, obj.get_txt_aname());
            }
        };

        lvInfo.setAdapter(universalBaseAdapter);
        lvInfo.addFooterView(new View(this));

        lvInfo.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, String.valueOf(position), Toast.LENGTH_SHORT).show();
                initPopWindow(view);
                return true;
            }
        });
    }

    private void initPopWindow(View v) {
        View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_popup, null, false);
        Button btnToTop = (Button) view.findViewById(R.id.btn_toTop);
        Button btnDelete = (Button) view.findViewById(R.id.btn_delete);
        //1.构造一个PopupWindow,参数依次是加载的View,宽高
        popWindow = new PopupWindow(view,
                ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);

        popWindow.setAnimationStyle(R.anim.anim_pop);  //设置加载动画

        //这些为了点击非PopupWindow区域,PopupWindow会消失的,如果没有下面的
        //代码的话,你会发现,当你把PopupWindow显示出来了,无论你按多少次后退键
        //PopupWindow并不会关闭,而且退不出程序,加上下述代码可以解决这个问题
        popWindow.setTouchable(true);
        popWindow.setTouchInterceptor(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                return false;
                // 这里如果返回true的话,touch事件将被拦截
                // 拦截后 PopupWindow的onTouchEvent不被调用,这样点击外部区域无法dismiss
            }
        });
        //popWindow.setBackgroundDrawable(getResources().getDrawable(R.color.colorBlack));    //要为popWindow设置一个背景才有效


        //设置popupWindow显示的位置,参数依次是参照View,x轴的偏移量,y轴的偏移量
        DisplayMetrics displayMetrics = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
        float width = displayMetrics.widthPixels;
        float height = displayMetrics.heightPixels;
        popWindow.showAsDropDown(v, Math.round(width / 2 - 100), 0);

        //设置popupWindow里的按钮的事件
        btnToTop.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "你点击了置顶按钮", Toast.LENGTH_SHORT).show();
                popWindow.dismiss();
            }
        });
        btnDelete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "你点击了删除按钮", Toast.LENGTH_SHORT).show();
                popWindow.dismiss();
            }
        });
    }
}
其中,UniversalBaseAdapter是一个通用数据适配器,详情参照安卓开发中创建一个可重复用的BaseAdapter(总结)