自定义view 写一个popup view

最新推荐文章于 2024-08-15 09:11:03 发布
最新推荐文章于 2024-08-15 09:11:03 发布
阅读量832 收藏 3
点赞数
分类专栏： 自定义view 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011109881/article/details/110670246
版权

目标：

实现一个popup view 自动显示在点击的view的附近，且箭头一直指向该view的水平中心位置

效果图：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

思路

自定义view包含PopupWindow的实例 对该实例进行操控

步骤1 创建popupview的布局popview_container.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:gravity="center_horizontal"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/arrow_icon_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginBottom="-13dp"
        android:src="@drawable/popup_arrow_up" />


    <LinearLayout
        android:id="@+id/content_container"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingStart="7dp"
        android:paddingEnd="7dp"
        android:paddingTop="7dp"
        android:paddingBottom="7dp"
        android:background="#ccc"
        android:orientation="vertical">
    </LinearLayout>

    <ImageView
        android:id="@+id/arrow_icon_down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="-13dp"
        android:src="@drawable/popup_arrow_down"
        android:visibility="gone" />

</LinearLayout>

使用到的两个箭头
popup_arrow_down.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="40dp"
    android:height="20dp"
    android:viewportWidth="40"
    android:viewportHeight="20">
  <path
      android:pathData="M0,0h40L20,20 0,0z"
      android:fillColor="#ccc"/>
</vector>

popup_arrow_up.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="40dp"
    android:height="20dp"
    android:viewportWidth="40"
    android:viewportHeight="20">
  <path
      android:pathData="M0,20h40L20,0 0,20z"
      android:fillColor="#ccc"/>
</vector>

步骤2 popupview item的布局popview_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:minWidth="480dp"
    android:layout_height="wrap_content"
    android:background="@drawable/popupview_item_bg"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:layout_gravity="center_vertical"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/popup_view_item_icon"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:layout_marginStart="35dp"
            android:src="@drawable/ic_delete" />

        <TextView
            android:id="@+id/popup_view_item_des"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|start"
            android:layout_marginStart="35dp"
            android:layout_marginEnd="20dp"
            android:ellipsize="marquee"
            android:singleLine="true"/>
    </LinearLayout>

    <ImageView
        android:id="@+id/popup_view_item_divider"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#0f0" />
</LinearLayout>

其中会使用到几个图标和背景
ic_delete.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="50dp"
    android:height="50dp"
    android:viewportWidth="50"
    android:viewportHeight="50">
    <path
        android:fillColor="#0ff"
        android:pathData="M40.206,10.682L9.75,10.682c-0.962,0 -1.75,0.788 -1.75,1.75 0,0.963 0.788,1.75 1.75,1.75h1.444L11.194,38.95c0,3.15 2.538,5.688 5.689,5.688h16.234c3.15,0 5.689,-2.538 5.689,-5.688L38.806,14.183h1.444c0.962,0 1.75,-0.788 1.75,-1.75 -0.044,-0.963 -0.831,-1.75 -1.794,-1.75zM19.815,36.15c0,0.7 -0.57,1.27 -1.313,1.27 -0.744,0 -1.313,-0.57 -1.313,-1.313L17.189,21.228c0,-0.7 0.569,-1.27 1.313,-1.27s1.313,0.57 1.313,1.27v14.921zM26.291,36.15c0,0.7 -0.569,1.27 -1.313,1.27s-1.313,-0.57 -1.313,-1.313L23.665,21.228c0,-0.7 0.57,-1.27 1.313,-1.27 0.744,0 1.313,0.57 1.313,1.27v14.921zM32.767,36.15c0,0.7 -0.569,1.27 -1.313,1.27s-1.312,-0.57 -1.312,-1.313L30.142,21.228c0,-0.7 0.568,-1.27 1.312,-1.27 0.744,0 1.313,0.57 1.313,1.27v14.921zM31.542,7.75c0,-0.962 -0.788,-1.75 -1.75,-1.75h-9.627c-0.963,0 -1.75,0.788 -1.75,1.75L18.415,9.5h13.127L31.542,7.75z" />
</vector>

popupview_item_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"  android:drawable="@color/colorPrimary" />
    <!-- Non pressed, Non selected, Non focused and Non enabled -->
    <item android:state_pressed="false"  android:drawable="@color/transparent" />
</selector>

步骤3 创建PopupView java文件

步骤3.1在PopupView内部新建内部类PopupViewItem 用于创建PopupView的Item

package com.example.testfragment.ui.main;

import android.content.Context;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.TextView;

import com.example.testfragment.R;
import com.example.testfragment.util.ViewUtil;

import java.util.List;

public class PopupView {
    private final Context mContext;
    private PopupWindow mPopup;
    private View mArrow;

    //构造函数
    public PopupView(Context context) {
        mContext = context;
    }

    public void dismissView() {
        if (mPopup == null) {
            return;
        }
        if (mPopup.isShowing()) {
            mPopup.dismiss();
        }
    }

    private void clear() {
        if (mPopup != null) {
            mPopup.dismiss();
            mPopup = null;
        }
    }

    private void initView(View view) {
        clear();
        mPopup = new PopupWindow(view, WindowManager.LayoutParams.WRAP_CONTENT, WindowManager.LayoutParams.WRAP_CONTENT);
        mPopup.setOutsideTouchable(true);
        mPopup.setTouchable(true);
        mPopup.update();
        mPopup.setFocusable(true);
    }

    //默认以点击view的坐下侧为起点 显示popup
    public void showView(View anchor, List<PopupViewItem> itemList) {
        dismissView();
        if (mContext == null) {
            return;
        }
        if (mContext.getResources() == null) {
            return;
        }
        if (anchor == null) {
            return;
        }

        //start to layout the pop-up view and set its event
        View currentPopupLayoutView = View.inflate(mContext, R.layout.popview_container, null);
        LinearLayout container = currentPopupLayoutView.findViewById(R.id.content_container);
        if (container != null) {
            int i = 0;
            for (PopupViewItem item : itemList) {
                //the last item should not show the divider
                i++;
                addClickActionItem(container, item, i != itemList.size());
            }
        }

        int popupViewHeightWithAnchor = getPopupViewMeasuredHeightWithAnchor(anchor, currentPopupLayoutView);
        int popupViewHeight = getPopupViewMeasuredHeight(currentPopupLayoutView);
        int anchorViewHeight = getAnchorViewMeasuredHeight(anchor);
        if (anchorViewHeight <= 0 || popupViewHeight <= 0 || popupViewHeightWithAnchor <= 0) {
            return;
        }

        //如果Y方向 空间不够显示 需要在Y方向上反转显示方向
        boolean revert = needReverse(anchor, popupViewHeightWithAnchor);
        if (revert) {
            revertPopupView(currentPopupLayoutView);
        }else{
            mArrow = currentPopupLayoutView.findViewById(R.id.arrow_icon_up);
        }

        int anchorViewY = getAnchorViewY(anchor);
        int y = revert ? (anchorViewY - popupViewHeight) : (anchorViewY + anchorViewHeight);

        //默认 popup view的正中与Anchor的水平正中对齐
        //1.计算Anchor x的中心
        int anchorXCenter = getAnchorViewX(anchor) + anchor.getWidth() / 2;
        //2.获取popup view的宽度
        int popupViewWidth = getPopupViewMeasuredWidth(currentPopupLayoutView);
        int popupViewStartX = anchorXCenter - popupViewWidth / 2;

        //如果水平空间不够显示popup view(被强行挤到屏幕内) 需要挪动箭头图标 计算挪动图标的水平值x
        if (popupViewStartX < 0) {
            //向左移动箭头(参数<0)
            mArrow.setTranslationX(popupViewStartX);
        } else if ((popupViewStartX + popupViewWidth) > ViewUtil.getAppScreenWidth(mContext)) {
            //向右移动箭头(参数>0)
            mArrow.setTranslationX(popupViewStartX + popupViewWidth - ViewUtil.getAppScreenWidth(mContext));
        }

        initView(currentPopupLayoutView);
        showView(anchor, popupViewStartX, y);
    }


    private void showView(View anchor, int x, int y) {
        if (mPopup != null) {
            mPopup.showAtLocation(anchor, Gravity.TOP | Gravity.START, x, y);
        }
    }

    //在某个view显示popup view,其中某个view就是anchor
    //计算anchor+popup view的高度
    private int getPopupViewMeasuredHeightWithAnchor(View anchor, View currentPopupLayoutView) {
        if (anchor == null || currentPopupLayoutView == null) {
            return -1;
        }
        //need to call measure() to generate the width and height
        currentPopupLayoutView.measure(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        return currentPopupLayoutView.getMeasuredHeight() + anchor.getMeasuredHeight();
    }

    /**
     * @param container     popup view
     * @param item          popup的item项
     * @param isShowDivider 是否显示divider
     */
    private void addClickActionItem(LinearLayout container, final PopupViewItem item, boolean isShowDivider) {
        if (item == null || container == null) {
            return;
        }
        final View inflateView = ViewUtil.addView(R.layout.popview_item, container);
        if (inflateView != null) {
            if (item.getMinWidth() > -1) {
                inflateView.setMinimumWidth(item.getMinWidth());
            }
            ImageView icon = inflateView.findViewById(R.id.popup_view_item_icon);
            icon.setImageDrawable(mContext.getResources().getDrawable(item.getIconResID(), mContext.getTheme()));
            TextView tvDes = inflateView.findViewById(R.id.popup_view_item_des);
            tvDes.setText(item.getDescriptionStr());
            inflateView.setOnClickListener(item.getOnClickListener());

            if (!isShowDivider) {
                View dividerView = inflateView.findViewById(R.id.popup_view_item_divider);
                dividerView.setVisibility(View.GONE);
            }
        }
    }

    //如果剩余空间不够显示popup，向上反转
    private boolean needReverse(View anchor, int popupViewHeightWithAnchor) {
        return mContext != null && popupViewHeightWithAnchor + getAnchorViewY(anchor) > ViewUtil.getAppScreenHeight(mContext);
    }

    private void revertPopupView(View popupView) {
        if (popupView != null) {
            View arrowUp = popupView.findViewById(R.id.arrow_icon_up);
            View arrowDown = popupView.findViewById(R.id.arrow_icon_down);
            if (arrowUp != null && arrowDown != null) {
                arrowUp.setVisibility(View.GONE);
                arrowDown.setVisibility(View.VISIBLE);
                mArrow = arrowDown;
            }
        }
    }

    //计算anchorView的X绝对坐标
    private int getAnchorViewX(View anchor) {
        int[] locationOnScreen = new int[2];
        anchor.getLocationOnScreen(locationOnScreen);
        return locationOnScreen[0];
    }

    //计算anchorView的Y绝对坐标
    private int getAnchorViewY(View anchor) {
        int[] locationOnScreen = new int[2];
        anchor.getLocationOnScreen(locationOnScreen);
        return locationOnScreen[1];
    }

    //计算anchorView的高度
    private int getAnchorViewMeasuredHeight(View anchor) {
        if (anchor == null) {
            return -1;
        }
        return anchor.getMeasuredHeight();
    }

    //计算PopupView的高度
    private int getPopupViewMeasuredHeight(View currentPopupLayoutView) {
        if (currentPopupLayoutView == null) {
            return -1;
        }
        //need to call measure() to generate the getMeasuredWidth
        int wrapContentSpec = View.MeasureSpec.makeMeasureSpec(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
        currentPopupLayoutView.measure(wrapContentSpec, wrapContentSpec);
        return currentPopupLayoutView.getMeasuredHeight();
    }

    //计算PopupView的宽度
    private int getPopupViewMeasuredWidth(View currentPopupLayoutView) {
        if (currentPopupLayoutView == null) {
            return -1;
        }
        currentPopupLayoutView.measure(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        return currentPopupLayoutView.getMeasuredWidth();
    }

    //内部类 用于创建item
    public static class PopupViewItem {
        private int iconResID;
        private String descriptionStr;
        private View.OnClickListener onClickListener;
        /**
         * if we have not set up this value, it will keep the default with set in R.layout.popview_item
         */
        private int minWidth = -1;

        public PopupViewItem(int iconResID, String descriptionStr, View.OnClickListener onClickListener) {
            this.iconResID = iconResID;
            this.descriptionStr = descriptionStr;
            this.onClickListener = onClickListener;
        }

        public PopupViewItem(int iconResID, String descriptionStr, View.OnClickListener onClickListener, int minWidth) {
            this.iconResID = iconResID;
            this.descriptionStr = descriptionStr;
            this.onClickListener = onClickListener;
            this.minWidth = minWidth;
        }

        int getIconResID() {
            return iconResID;
        }

        View.OnClickListener getOnClickListener() {
            return onClickListener;
        }

        String getDescriptionStr() {
            return descriptionStr;
        }

        int getMinWidth() {
            return minWidth;
        }
    }
}

步骤4 编写activity的布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_alignParentEnd="false"
        android:background="#0f0"
        android:onClick="showPopupView1"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:layout_width="150dp"
        android:layout_height="100dp"
        android:layout_alignParentEnd="true"
        android:background="#0f0"
        android:onClick="showPopupView2"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:layout_width="170dp"
        android:layout_height="200dp"
        android:layout_alignParentEnd="false"
        android:layout_alignParentBottom="true"
        android:background="#0f0"
        android:onClick="showPopupView3"
        android:scaleType="centerInside"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:layout_width="250dp"
        android:layout_height="150dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:background="#0f0"
        android:onClick="showPopupView4"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="#0f0"
        android:onClick="showPopupView5"
        android:src="@drawable/ic_launcher" />
</RelativeLayout>

步骤5 编写测试代码

package com.example.testfragment;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

import com.example.testfragment.ui.main.PopupView;

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


public class MainActivity extends AppCompatActivity {
    Context context;

    private PopupView popup1;
    private PopupView popup2;
    private PopupView popup3;
    private PopupView popup4;
    private PopupView popup5;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_activity);
        context = this;
    }

    public void showPopupView1(View viewClicked) {
        popup1 = new PopupView(this);
        List<PopupView.PopupViewItem> itemList = new ArrayList<>();
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_launcher, "popup1_1", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item1 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup1 != null) {
                    popup1.dismissView();
                }
            }
        }));
        popup1.showView(viewClicked, itemList);
    }

    public void showPopupView2(View view) {
        popup2 = new PopupView(context);
        List<PopupView.PopupViewItem> itemList = new ArrayList<>();
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_delete, "popup2_1", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item1 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup2 != null) {
                    popup2.dismissView();
                }
            }
        }));
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_delete, "popup2_2", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item2 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup2 != null) {
                    popup2.dismissView();
                }
            }
        }));
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_delete, "popup2_3", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item3 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup2 != null) {
                    popup2.dismissView();
                }
            }
        }));
        popup2.showView(view, itemList);
    }

    public void showPopupView3(View view) {
        popup3 = new PopupView(context);
        List<PopupView.PopupViewItem> itemList = new ArrayList<>();
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_delete, "popup3_1", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item1 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup3 != null) {
                    popup3.dismissView();
                }
            }
        }));
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_delete, "popup3_2", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item2 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup3 != null) {
                    popup3.dismissView();
                }
            }
        }, 500));
        popup3.showView(view, itemList);
    }

    public void showPopupView4(View view) {
        popup4 = new PopupView(context);
        List<PopupView.PopupViewItem> itemList = new ArrayList<>();
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_delete, "popup4_1", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item1 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup4 != null) {
                    popup4.dismissView();
                }
            }
        }));
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_launcher, "popup4_2", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item2 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup4 != null) {
                    popup4.dismissView();
                }
            }
        }));
        popup4.showView(view, itemList);
    }

    public void showPopupView5(View view) {
        popup5 = new PopupView(context);
        List<PopupView.PopupViewItem> itemList = new ArrayList<>();
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_launcher, "popup5_1", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item1 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup5 != null) {
                    popup5.dismissView();
                }
            }
        }));
        itemList.add(new PopupView.PopupViewItem(R.drawable.ic_delete, "popup5_2", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, "item2 click", Toast.LENGTH_SHORT).show();
                    }
                });
                if (popup5 != null) {
                    popup5.dismissView();
                }
            }
        }));
        popup5.showView(view, itemList);
    }
}


    /**
     * Get app screen width in pixels
     * @return app screen width in pixels
     */
    public static int getAppScreenWidth(@NonNull Context context) {
        WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        Point point = new Point();
        if (windowManager != null){
            windowManager.getDefaultDisplay().getSize(point);
        }
        return point.x;
    }

    public static <T extends View> T addView(int resLayout, ViewGroup parentGroup) {
        View inflateView = LayoutInflater.from(parentGroup.getContext())
                .inflate(resLayout, parentGroup, false);
        parentGroup.addView(inflateView);
        return (T) inflateView;
    }
洌冰
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
自定义弹出框(Popup View)的视图效果
04-03
自定义弹出框(Popup View)的视图效果源码，源码customerPopwindows，该效果可以支持自定义的效果的，该效果也可以支持实现一些弹出的菜单效果的，大家可以用在一些菜单使用吧，而且该源码可以自定义的。
Android-自定义PopupWindow
2301_82241819的博客
04-30 627
找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。多练。（视频优势是互动感强，容易集中注意力）你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。以上就是总结的关于在面试的一些总结，希望对大家能有些帮助，除了这些面试中需要注意的问题，当然最重要的就是刷题了，这里放上我之前整理的一份超全的面试专题PDF还有。
基于PopWindow实现的Android弹窗视图
qq_75085852的博客
06-11 199
实现弹窗我们需要三个文件：MainActivity,activity_main.xml,popup_layout.xml(弹窗视图，可在内部修饰)。手机上的软件有各种的广告弹窗和对应的点击实现跳转另外的窗口令人防不胜防，我接下来会实现简单的弹窗视图，具体的其他小功能可自行添加视图点击事件。切记，如果要在弹窗里面添加视图如Textview，ImageView，所有的弹窗视图必须在这个点击事件里面添加，不然无法引用。然后调用imageView作为弹窗内的视图，由于。是弹窗的根视图，不能直接通过。
Android开发之PopupWindow（实现弹窗）
ShadyPi的IT笔记
03-10 7131
包括唤出弹窗、弹窗内容的自定义与监听。
安卓自定义PoPUpWidow(弹窗中含有viewpager+gridView)
04-29
安卓自定义PoPUpWidow:弹窗中含有viewpager+gridView.
popupView等
weixin_52043291的博客
05-31 194
public class MainActivity extends BaseActivity implements AdapterView.OnItemClickListener, AdapterView.OnItemLongClickListener { private Toolbar myToolbar; private FloatingActionButton fab; private NoteDatabase dbHelper; private Context c.
Popup View
weixin_34124651的博客
01-26 74
2019独角兽企业重金招聘Python工程师标准>>> ...
自定义view实现三角形布局可用于 PopupWindow
qq_40334300的博客
07-29 524
package com.jingyun.wallet.ui.view; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Path; import android.util.AttributeSet; import android.view.V
支持图片或地图的弹出视图(Popup View)效果
04-03
这个是可以支持图片或地图的弹出视图(Popup View)效果，源码DoActionSheet，DoActionSheet是UIActionSheet的替代品，基于block，改源码不但可以自定义主题的，而且也很容易使用图片和地图的。DoActionSheet支持滚动，比如有多个按钮，而取消按钮是固定的情况下，可自定义颜色等。 An replacement for UIActionSheet : block-based, customizable theme, easy to use with image or map
uni-app自定义uni-popup弹窗内容
03-22
自定义uni-popup内容，包含picker-view组件，前提基础需要运行在uni-app项目之下，且已保证插入外置组件，根据传入的list数据渲染选择列表，且能回填数据 组件调用 :valueKey="'value'" />
关于scroll-view和下拉刷新的那些坑
03-29
众所周知，小程序不支持操作dom元素，但最近公司做了这样的一个功能，滚动scrollview 标签，当页面滚动到一定的高度时，给页面一个固定导航，并且还要执行下拉加载的方法。由于在官方文档的说明中，使用竖向滚动时，...
PopupView:用SwiftUI编写的Toasts和Popups库
03-19
弹出视窗 用SwiftUI编写的Toasts和Popups库 我们是一个发展机构建设应用程序。 用法 将您的所有身体代码放入ZStack 添加绑定布尔值以控制弹出式演示状态 将.popup修改器添加到您的ZStack @State var showingPopup = false struct ContentView : View { var body: some View { ZStack { // your view } . popup ( isPresented : $showingPopup, autohideIn : 2 ) { HStack { Text ( " The popup " ) }
Android代码-Popview-Android
08-06
Popview-Android Pop animation with circular dust effect for any view updation Getting Started In your build.gradle dependencies { compile 'rb.popview:popview:0.1.0' } Usage Initialize PopField like so : PopField popField = PopField.attach2window(activity); Popping the view without replacement (1st icon) popField.popView(view); Popping the view and replacing with new view without animation (2nd icon) popField.popView(view,newView); Eg: LayoutInflater layoutInflater = (LayoutInflater) ge
swift-MMPopupView精简的弹框非常漂亮和喜欢
08-14
MMPopupView精简的弹框，非常漂亮，和喜欢
C#自定义控件--Popup窗口提醒完整源码__0525).rar
05-29
自定义控件是C#编程中一个重要的概念，它允许开发者根据需求扩展或定制内置控件的功能。本资源“C#自定义控件--Popup窗口提醒完整源码__0525).rar”提供了一种具体的自定义控件实现，即Popup窗口提醒功能的源代码。...
自定义popup
07-04
在Android开发中，Popup Menu是一种常用的用户界面组件，它允许用户在点击某个控件后弹出一个小型菜单，展示一系列可选的操作。标题"自定义popup"表明我们将探讨如何根据需求定制这种弹出菜单，使其更符合应用的交互...
U-view popup弹出层
qq_52538664的博客
07-27 5350
图来自官方文档 用popup弹出层是为了解决添加团队成员，我的想法是在popup弹出层中添加search-bar，在search-bar下方显示tag标签，搜索到的成员用tag标签显示，点击添加后同时在团队成员位置产生该成员的tag标签。 部分代码如下 <u-popup v-model="show" mode="center" class="team_mem" border-radius="20" mask-close-able="close" height="200r...
Android 自定义 PopupWindow 简单例子
GYBIN02的专栏
10-19 1020
简单的 popUpWidow 例子。
PopupView：弹窗展示简单化(SwiftUI)
最新发布
gitblog_00584的博客
08-15 251
PopupView：弹窗展示简单化(SwiftUI) PopupViewToasts and popups library written with SwiftUI项目地址:https://gitcode.com/gh_mirrors/po/PopupView 1. 项目介绍 PopupView 是一个专为 SwiftUI 设计的开源库，它简化了在 iOS 应用中展示弹窗的过程。PopupVie...
uni-popup-dialog自定义上传
07-13
下面是一个示例代码，展示了如何使用 `uni-popup-dialog` 实现自定义上传功能： ```html <view> <uni-popup-dialog ref="popup" :show="showPopup" :title="popupTitle" :buttons="popupButtons" :content=...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值