Android付款popupWindow

最新推荐文章于 2022-05-08 00:15:50 发布
最新推荐文章于 2022-05-08 00:15:50 发布
阅读量335 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yujin137/article/details/78765696
版权

一般项目中使用popupwindow如果只是当前页面特定的popup样式，我会直接写在当前的fragment或者activity中。如果有一个以上的地方需要展示同样的效果，我会对

改popupwindow进行一个封装，也就是自定义一个popupwindow，记录下项目中用到的一个支付popupwindow



这是效果图

popupwindow类

package com.daweiying.daweiying.weight.popupwindow;

import android.app.ActionBar;
import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.sax.RootElement;
import android.util.Log;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.PopupWindow;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.daweiying.daweiying.R;
import com.daweiying.daweiying.base.Contant;

/**
 * 支付popupwindow
 * Created by yujing on 2017/12/9 0009.
 */

public class BuyPopUpWindow extends PopupWindow implements View.OnClickListener{

    private View mView;
    private ImageView iv_cancel;
    private TextView tv_price;
    private RelativeLayout rl_parent;
    private RelativeLayout rl_fjyf;
    private RelativeLayout rl_wallet;
    private RelativeLayout rl_wx;
    private ImageView iv_fjyf_check;
    private ImageView iv_wx_check;
    private ImageView iv_wallet_check;
    private TextView tv_pay;
    private OnBuySelectListener onBuySelectListener;

    public BuyPopUpWindow(Context context) {
        super(context);
        LayoutInflater mLayoutInflater = LayoutInflater.from(context);
        mView = (View)mLayoutInflater.inflate(
                R.layout.pop_buymethod, null);// 弹出窗口包含的视图
        initView(mView);
        this.setContentView(mView);
        this.setAnimationStyle(R.style.dialogStyleAnimation);
        this.setWidth(ActionBar.LayoutParams.MATCH_PARENT);
        this.setHeight(ActionBar.LayoutParams.MATCH_PARENT);
        this.setFocusable(true);
        this.setTouchable(true);
        this.setOutsideTouchable(true);
        this.setBackgroundDrawable(new BitmapDrawable());
        this.setTouchInterceptor(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View arg0, MotionEvent arg1) {
                // TODO Auto-generated method stub
                return false;
            }
        });
    }

    private void initView(View mView){
      
        iv_cancel= (ImageView) mView.findViewById(R.id.iv_cancel);
        tv_price= (TextView) mView.findViewById(R.id.tv_price);
        rl_fjyf= (RelativeLayout) mView.findViewById(R.id.rl_fjyf);
        rl_wallet= (RelativeLayout) mView.findViewById(R.id.rl_wallet);
        rl_wx= (RelativeLayout) mView.findViewById(R.id.rl_wx);
        iv_fjyf_check= (ImageView) mView.findViewById(R.id.iv_fjyf_check);
        iv_wallet_check= (ImageView) mView.findViewById(R.id.iv_wallet_check);
        iv_wx_check= (ImageView) mView.findViewById(R.id.iv_wx_check);
        rl_parent= (RelativeLayout) mView.findViewById(R.id.rl_parent);
        tv_pay= (TextView) mView.findViewById(R.id.tv_pay);
        setListener();
    }

    private void setListener(){
        iv_cancel.setOnClickListener(this);
        rl_parent.setOnClickListener(this);
        rl_wallet.setOnClickListener(this);
        rl_wx.setOnClickListener(this);
        rl_fjyf.setOnClickListener(this);
        tv_pay.setOnClickListener(this);
    }


    /**
     * 设置价格
     * @param price
     */
    public void setPrice(String price){
        tv_price.setText("￥"+price);
    }

    public void showPop(View view){
        this.showAtLocation(view, Gravity.BOTTOM, 0, 0);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.rl_parent:
            case R.id.iv_cancel:
                BuyPopUpWindow.this.dismiss();
                break;
            case R.id.rl_fjyf:
                onBuySelectListener.onFjyfClick();
                iv_fjyf_check.setImageResource(R.mipmap.buy_select);
                iv_wx_check.setImageResource(R.mipmap.buy_normal);
                iv_wallet_check.setImageResource(R.mipmap.buy_normal);
                break;
            case R.id.rl_wx:
                onBuySelectListener.onWxClick();
                iv_fjyf_check.setImageResource(R.mipmap.buy_normal);
                iv_wx_check.setImageResource(R.mipmap.buy_select);
                iv_wallet_check.setImageResource(R.mipmap.buy_normal);
                break;
            case R.id.rl_wallet:
                onBuySelectListener.onWalletClick();
                iv_fjyf_check.setImageResource(R.mipmap.buy_normal);
                iv_wx_check.setImageResource(R.mipmap.buy_normal);
                iv_wallet_check.setImageResource(R.mipmap.buy_select);
                break;
            case R.id.tv_pay:
                onBuySelectListener.onPay();
                break;
        }
    }

    public void setOnBUySelectListener(OnBuySelectListener onBUySelectListener){
        this.onBuySelectListener=onBUySelectListener;
    }

    //回调接口	
    public interface OnBuySelectListener{
        void onFjyfClick();
        void onWxClick();
        void onWalletClick();
        void onPay();
    }
}
定义了一个buypopupwindow的文件，在这个类的构造函数中写一些初始化的东西，包括设置布局，获取空间，设置监听
定义了一个initView()方法来获取控件，方法结尾调用了自己定义的一个setlistener()方法来设置点击事件监听。
因为popupwindow是在activity中调用的，必然我们需要跟popupwindow中的控件进行交互，在其里面的控件点击时我们
需要做一些响应的处理。比如点击确定支付的时候我们需要在activity中去进行支付，
这里在最下面写了个回调的接口，里面定义自己想要关联的一些方法。并且在某个控件点击时执行相应的接口方法。
最后在activity中使用的话只要
 

buyPopUpWindow=new BuyPopUpWindow(this);
buyPopUpWindow.setOnBUySelectListener(this);//设置回调监听
 

buypopupWindow.show(view);就可以了
 

 

布局文件
 

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:id="@+id/rl_parent"
    android:background="@color/tranlateblack_3"
    android:layout_height="match_parent">


    <RelativeLayout
        android:background="@color/white"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <ImageView
            android:id="@+id/iv_cancel"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:scaleType="centerInside"
            android:src="@mipmap/buy_cancel"
            />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:gravity="center"
            android:text="确认付款"
            android:textSize="16sp"
            android:textColor="@color/black"
            android:layout_centerHorizontal="true"
            />
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/gray_ee"
            android:layout_below="@+id/iv_cancel"
            />
        <TextView
            android:id="@+id/tv_price"
            android:layout_width="wrap_content"
            android:layout_height="80dp"
            android:textSize="20sp"
            android:layout_centerHorizontal="true"
            android:text="￥198.98"
            android:gravity="center"
            android:textColor="@color/black"
            android:layout_below="@+id/iv_cancel"
            />
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginLeft="10dp"
            android:background="@color/gray_ee"
            android:layout_below="@+id/tv_price"
            />

        <TextView
            android:layout_below="@+id/tv_price"
            android:id="@+id/tv_paymethod"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:text="付款方式："
            android:paddingLeft="10dp"
            android:gravity="center_vertical"
            android:textColor="@color/black"

            />

        <RelativeLayout
            android:id="@+id/rl_fjyf"
            android:layout_below="@+id/tv_paymethod"
            android:layout_width="match_parent"
            android:layout_height="50dp">
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="10dp"
                android:background="@color/gray_ee"
                android:layout_alignParentTop="true"
                />
            <TextView
                android:text="付甲一方"
                android:drawableLeft="@mipmap/buy_fjyf"
                android:layout_centerVertical="true"
                android:drawablePadding="10dp"
                android:paddingLeft="10dp"
                android:textColor="@color/black"
                android:gravity="center"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                />
            <ImageView
                android:id="@+id/iv_fjyf_check"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:scaleType="centerInside"
                android:layout_marginRight="10dp"
                android:layout_centerVertical="true"
                android:src="@mipmap/buy_select"
                />
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="10dp"
                android:background="@color/gray_ee"
                android:layout_alignParentBottom="true"
                />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl_wallet"
            android:layout_below="@+id/rl_fjyf"
            android:layout_width="match_parent"
            android:layout_height="50dp">
            <TextView
                android:text="我的钱包"
                android:drawableLeft="@mipmap/buy_wallet"
                android:layout_centerVertical="true"
                android:drawablePadding="10dp"
                android:paddingLeft="10dp"
                android:textColor="@color/black"
                android:gravity="center"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                />
            <ImageView
                android:id="@+id/iv_wallet_check"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:scaleType="centerInside"
                android:layout_marginRight="10dp"
                android:layout_centerVertical="true"
                android:src="@mipmap/buy_normal"
                />
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="10dp"
                android:background="@color/gray_ee"
                android:layout_alignParentBottom="true"
                />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl_wx"
            android:layout_below="@+id/rl_wallet"
            android:layout_width="match_parent"
            android:layout_height="50dp">
            <TextView
                android:text="微信支付"
                android:drawableLeft="@mipmap/buy_wx"
                android:layout_centerVertical="true"
                android:drawablePadding="10dp"
                android:paddingLeft="10dp"
                android:textColor="@color/black"
                android:gravity="center"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                />
            <ImageView
                android:id="@+id/iv_wx_check"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:scaleType="centerInside"
                android:layout_marginRight="10dp"
                android:layout_centerVertical="true"
                android:src="@mipmap/buy_normal"
                />
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="10dp"
                android:background="@color/gray_ee"
                android:layout_alignParentBottom="true"
                />
        </RelativeLayout>

        <TextView
            android:id="@+id/tv_pay"
            android:layout_below="@+id/rl_wx"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="20dp"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:textColor="@color/white"
            android:textSize="16sp"
            android:text="立即支付"
            android:gravity="center"
            android:background="@drawable/app_themecolor_bg"
            />


    </RelativeLayout>

</RelativeLayout>

 

 

 

 

 


                

        

        

    

  


    

      

        

            

              
                
                  余菜鸟
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
react native仿微信PopupWindow效果

				
			

			

				

					xiangzhihong8的专栏
				

				

					08-06
					
					4470
					
				

			

		

		

			
				
在原生APP开发中，相信很多开发者都会见到这种场景：点击右上角更多的选项，弹出一个更多界面供用户选择。这种控件在原生开发中Android可以用PopupWindow实现，在ios中可以用CMPopTipView,也可以自己写一个View实现。其类似的效果如下图所示： 
实现思路分析： 
要实现上面的视图，有很多种实现方式。前面的文章说过，要实现弹框相关的可以用React Native 提供的 Mod

			
		

	



                

              
                



	

		

			

				
					
android集成popupwindow几种常见的效果

				
			

			

				

					cf8833的博客
				

				

					04-04
					
					8597
					
				

			

		

		

			
				
前言这种popupwindow应用非常广泛，很多项目里都有此类功能，这种东西比较麻烦的地方在于需要设置好多种的style和动画效果，因此这里发一个集成版本的例子出来帮助大家以后快速开发此类功能。效果图：（1）主界面的xml代码就不贴了，大家也可以看到，主界面就只有5个button，太过简单（2）主界面的MainActivity，主要是调用方法public class MainActivity ex...

			
		

	



                


  
              

                


	

		

			

				
					
弹出通知 Popup Notifications v0.9.37 已付费完整版

				
			

			

				

					09-26
				

			

		

		

			
				
一款弹窗通知程序，美观大方，方便你在全屏玩游戏或者导航时提醒你重要的信息，让你快速回复，不耽误时间！

			
		

	





	

		

			

				
					
Android第三方开源库：PopupWindow相关

				
			

			

				

					Java技术博客，不再更新Android内容
				

				

					06-07
					
					3736
					
				

			

		

		

			
				
MultiSelectPopWindow效果图gradleallprojects {
    repositories {
        jcenter()
        maven { url 'https://jitpack.io' }
    }
}dependencies {
    ...
    compile 'com.github.Jay-Goo:MultiSelectPopWi

			
		

	



		

			
		



	

		

			

				
					
简单自定义Popwindow，仿支付宝微信密码输入弹出框

				
			

			

				

					qq_34163551的博客
				

				

					11-21
					
					840
					
				

			

		

		

			
				
因APP增加了钱包功能，所以APP支付是迫在眉睫的事，市场上大多数的支付界面都是大同小异，因此写了下自定义PopupWindow，简单模仿下支付宝，本人也不常用PopupWindow，写的不好，希望大家海涵。废话不多说，先上效果图 
布局直接上代码吧，也不麻烦<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="h

			
		

	





	

		

			

				
					
Android仿支付宝支付页面效果  popupwindow弹出阴影效果  checkBox单选按钮选择效果

				
			

			

				

					yhy123456q的博客
				

				

					05-03
					
					5640
					
				

			

		

		

			
				
一、效果图：


二、具体实现步骤：

			
		

	





	

		

			

				
					
Android 底部弹出Dialog(支付方式选择)

				
			

			

				

					八十年代的金坛县。
				

				

					02-24
					
					8379
					
				

			

		

		

			
				
项目开发中经常遇到使用底部弹出Dialog 例如选择图片上传时的 本地图库 和 拍照  还有支付时的支付方式选择  下面是我写的一个支付方式选择的底部弹出 Dialog  不足之处请指出 谢谢

初始化private void initDialog() {
        dialog = new Dialog(this, R.style.recharge_pay_dialog);

			
		

	





	

		

			

				
					
Android PopupWindow

				
			

			

				

					zenmela2011的专栏
				

				

					05-08
					
					2788
					
				

			

		

		

			
				
1.PopupWindow

PopupWindow类用来实现一个弹出框，可以使用任意布局的View作为其内容，这个弹出框是悬浮在当前activity之上的。

2.用法

点击按钮弹出PopupWindow：

private void showPopupWindow(View view) {

  //自定义布局，作为PopupWindow显示的内容

  View contentView = LayoutInflater.from( mContext).inflate(R.layout.pop...

			
		

	





	

		

			

				
					
Android之PopupWindow

				
			

			

				

					question_mark的博客
				

				

					05-13
					
					156
					
				

			

		

		

			
				
PopupWindowActivity以及页面布局文件
package com.example.test0508;

import androidx.appcompat.app.AppCompatActivity;

import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.

			
		

	





	

		

			

				
					
安卓开发：Android开发技术学习之popupwindow的弹窗实现

				
			

			

				

					一个程序员-二白的博客
				

				

					08-19
					
					872
					
				

			

		

		

			
				
popupwindow在我们的一些大型手机app上经常出现，例如微信、QQ等。它和Dialog相似,但是位置摆放好像更加灵活。俩者区别详细咨询百度。popupwindow效果如下图，点击加号弹出一个popupwindow显示于屏幕最上方



1.先创建mainActivity的布局


<?xml version="1.0" encoding="utf-8"?>
<Relati...

			
		

	





	

		

			

				
					
Android实现底部支付弹窗效果

				
			

			

				

					01-04
				

			

		

		

			
				
Android底部支付弹窗实现的效果：  实现的思路： 1.通过继承PopupWindow自定义View来达到弹窗的弹出效果； 2.通过回调将输入的密码由弹窗传入到主界面中； 2.恩，这就够了——>有些注意点在代码中备注； 自定义View...

			
		

	





	

		

			

				
					
Android 扫码盒子全局接收付款码

				
			

			

				

					赵星海的博客
				

				

					05-27
					
					2187
					
				

			

		

		

			
				
扫码盒子通用接收原理

1.本质上是键盘输入事件

2.可以相应EditText的输入事件（前提是获得焦点）

首先写接收源: （假设在MianActivity接收付款码）


<EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edit_pay_code"
        android:visibilit

			
		

	





	

		

			

				
					
Android开发 PopupWindow弹窗调用第三方地图(百度，高德)实现导航功能

				
			

			

				

					ddbnfh3092的博客
				

				

					05-02
					
					918
					
				

			

		

		

			
				
博客描述：后台返回地点的经纬度在地图上进行描点，点击导航弹出PopupWindow进行选择地图操作，如果手机中没有安装地图，提示没有，否则传值调起地图进行导航操作
看一下实现的效果，没图说再多都白搭


这里在打开第三方的时候可以不用传当前位置的经纬度，当你打开App时默认为当前位置为起点，只设置终点经纬度就可以，文档上也都有说明，
如果你有定位获取的经纬度，也可以拼接上，注...

			
		

	





	

		

			

				
					
Android封装之PopupWindow（一） (带demo)

				
			

			

				

					徐宏的博客 | 修身齐家治国平天下
				

				

					03-23
					
					3795
					
				

			

		

		

			
				
一、前言Android的对话框有两种：PopupWindow和AlertDialog。它们的不同点在于：AlertDialog的位置固定，但是PopupWindow的位置可以随意， 
AlertDialog是非阻塞线程的，而PopupWindow是阻塞线程的。PopupWindow的位置按照有无偏移分，可以分为偏移和无偏移两种；按照参照物的不同，可以分为相对于某个控件（Anchor锚）和相对于父控件

			
		

	





	

		

			

				
					
Android PopupWindow响应外部控件点击事件

				
			

			

				

					hizhangyuping的博客
				

				

					10-19
					
					2409
					
				

			

		

		

			
				

								            
						



问题描述：

点击界面上其中一个控件弹出PopupWindow。此时若点击界面上的其他控件，效果只是dismiss弹出框，并不会触发点击控件的效果，需要再次点击控件才会触发点击事件。

PopupWindow pop = new PopupWindow(view, LayoutParams.WRAP_CONTENT, LayoutPa...

			
		

	





	

		

			

				
					
Android Popwindow窗口简单使用

				
			

			

				

					weixin_43942430的博客
				

				

					03-13
					
					2519
					
				

			

		

		

			
				
废话不多说，直接上代码
Activity中的代码
public class Main2Activity extends AppCompatActivity implements View.OnClickListener {

    private Button send_show;
    private PopupWindow pop;
    private RelativeLayout s...

			
		

	





	

		

			

				
					
Android自定义View之popupwindow进阶封装：高仿ios “item动画弹出”效果的popupwindow。

				
			

			

				

					徐宏的博客 | 修身齐家治国平天下
				

				

					08-16
					
					2833
					
				

			

		

		

			
				
Android自定义View之popupwindow进阶封装：高仿ios “item动画弹出”效果的popupwindow。
转载请支持原创哦，博主一份努力呢：http://blog.csdn.net/xh870189248/article/details/77258388废话不说，先上效果图：
一、前言。
看到这样的效果，实现的方式很多种，一开始我想到的是和我上个月手撸的“高仿咸鱼”app的底部弹

			
		

	





	

		

			

				
					
PopupWindows升级版 让你的开发效率大大提高

				
			

			

				

					Android 学习笔记
				

				

					02-18
					
					2413
					
				

			

		

		

			
				
虽然工作很忙，水平也不高，但是我总是喜欢总结点东西，这样才能进步
  今儿我实现的是PopupWindows的改装，实现的效果呢 如下
    
      
  看效果其实平平无奇，它的魅力在于里面功能强大，实用简单
  里面封装了好些个方法，其中比较重要的两个
  1：public void setAnimStyle(int mAnimStyle)； 弹出时用什么动画效果，总共提供

			
		

	





	

		

			

				
					
Android 支付密码弹出框

				
			

			

				

					赵航的博客
				

				

					03-19
					
					2403
					
				

			

		

		

			
				
最近项目里用到了支付密码，所以整理下先看下效果：



 

大概思路：

    1：总体使用dialog；

    2：布局有返回键，标题，任意位数的密码框（默认6位），以及自定义的数字键盘。

   

这里最大的问题就是密码框，想到用自定义布局（当然你可以用六个edittext来实现）

    绘制步骤如下：

    1：绘制外边框（可以是直角或圆角）

    2：绘制密码的分割线...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值