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

转载请注明出处：http://blog.csdn.net/zhangphil



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

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

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

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

[java]  view plain  copy   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：

[java]  view plain  copy   private TitlePopup titlePopup;      ...      // 实例化标题栏弹窗           titlePopup = new TitlePopup(this, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  

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

[java]  view plain  copy   /**       * 初始化数据       */       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在某个锚位置弹出显示出来：

[java]  view plain  copy   //弹出微信样式的选择对话框                   titlePopup.show(v);  

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

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