Android微信右上角弹出的对话选择框实现

本是古典何须时尚 2024-02-17 16:47 22阅读 0赞

**Android微信右上角弹出的对话选择框实现**

我在之前的文章中曾给出了一个开源的微信UI大体实现方案具体代码实现，参见附录文章1。本文单单挑出一个微信的UI实现点：微信右上角弹出的选择对话框。如图所示：

![Center][]

代码实现方案是网上流传的，我已经将其push到github上，链接地址：[https://github.com/zhangphil/WeiXinPopupDialog.git][https_github.com_zhangphil_WeiXinPopupDialog.git]

要实现图中所示效果，基本素材代码包里面有，在上层Java代码中，只需要关注几个核心的部位即可：

import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.view.ViewGroup.LayoutParams;
    import android.widget.ImageButton;
    
    /**
     * 功能描述：第一种实现方式，PopupWindow实现方式
     */
    public class CustomTitleActivity01 extends Activity {
    	// 定义标题栏上的按钮
    	private ImageButton titleBtn;
    
    	// 定义标题栏弹窗按钮
    	private TitlePopup titlePopup;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_title);
    
    		initView();
    
    		initData();
    	}
    
    	/**
    	 * 初始化组件
    	 */
    	private void initView() {
    		// 实例化标题栏按钮并设置监听
    		titleBtn = (ImageButton) findViewById(R.id.title_btn);
    		titleBtn.setOnClickListener(new OnClickListener() {
    			@Override
    			public void onClick(View v) {
    				//弹出微信样式的选择对话框
    				titlePopup.show(v);
    			}
    		});
    
    		// 实例化标题栏弹窗
    		titlePopup = new TitlePopup(this, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    	}
    
    	/**
    	 * 初始化数据
    	 */
    	private void initData() {
    		// 给标题栏弹窗添加子类
    		titlePopup.addAction(new ActionItem(this, "发起聊天", R.drawable.mm_title_btn_compose_normal));
    		titlePopup.addAction(new ActionItem(this, "听筒模式", R.drawable.mm_title_btn_receiver_normal));
    		titlePopup.addAction(new ActionItem(this, "登录网页", R.drawable.mm_title_btn_keyboard_normal));
    		titlePopup.addAction(new ActionItem(this, "扫一扫", R.drawable.mm_title_btn_qrcode_normal));
    	}
    
    }

如代码所示，实现一个微信样式的弹出选择对话框，

第1步：定义一个TitlePopup：

private TitlePopup titlePopup;
    
    ...
    
    // 实例化标题栏弹窗
    		titlePopup = new TitlePopup(this, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

第2步：为这个TitlePopup初始化数据：

/**
    	 * 初始化数据
    	 */
    	private void initData() {
    		// 给标题栏弹窗添加子类
    		titlePopup.addAction(new ActionItem(this, "发起聊天", R.drawable.mm_title_btn_compose_normal));
    		titlePopup.addAction(new ActionItem(this, "听筒模式", R.drawable.mm_title_btn_receiver_normal));
    		titlePopup.addAction(new ActionItem(this, "登录网页", R.drawable.mm_title_btn_keyboard_normal));
    		titlePopup.addAction(new ActionItem(this, "扫一扫", R.drawable.mm_title_btn_qrcode_normal));
    	}

第3步，将这个TitlePopup在某个锚位置弹出显示出来：

//弹出微信样式的选择对话框
    				titlePopup.show(v);

所需的资源如图片和布局文件代码资源均已在项目的代码包中。

附录文章：  
1，《Android开源之仿微信UI》链接地址：[http://blog.csdn.net/zhangphil/article/details/50302495][http_blog.csdn.net_zhangphil_article_details_50302495]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/ed79a1428ab243e4a9acadc554990a64.png
[https_github.com_zhangphil_WeiXinPopupDialog.git]: https://github.com/zhangphil/WeiXinPopupDialog.git
[http_blog.csdn.net_zhangphil_article_details_50302495]: http://blog.csdn.net/zhangphil/article/details/50302495