Android自定义弹窗模仿微信,Android 仿微信朋友圈点赞和评论弹出框功能

本文简单模仿微信朋友圈的点赞和评论弹出框，布局等细节请忽略，着重实现弹出框、发评论，及弹出位置的控制。

1. 微信弹出框

微信朋友圈的点赞和评论功能，有2个组成部分：

点击左下角的“更多”按钮，弹出对话框；

点击评论，弹出输入框，添加评论并在页面中实时显示；

微信朋友圈点赞和评论功能

2. 实际效果

本文将建一个 ListView，在其 Item 中简单模仿微信的布局，然后着重实现弹出窗，并能发评论，忽略具体布局细节。具体效果如下：

3. 知识点清单

ListView

自定义 Adapter，重写 getView()方法；

PopupWindow

弹出框使用PopupWindow实现，这是点赞和评论的载体，具体要涉及 PopupWindow 点击非窗口位置和再次点击消失以及显示位置的问题(根据相应更多按钮的位置确定 PopupWindow 的显示位置，关于 PopupWindow 的显示位置，可以参考我的另一篇文章 Android PopupWindow 的显示位置)；

LayoutInflater

使用LayoutInflater 动态加载PopupWindow 的布局，关于 LayoutInflater 的更多知识，参见我的另一篇博客 Android LayoutInflater ；

Activity 和 Item 的双向通信

通过自定义 OnCommentListener() 来实现 MainActivity(具体来说是屏幕底部评论框中的输入的内容)和 ItemView(动态的获得上述输入的评论内容并展示在该ItemView 中) 的通信，更多知识参见我的另一篇博客《 燕过留声：由 Activity 和 Fragment 的通信方法想到的》;

自定义控件

ListView 中的每个 Item 是一个自定义的 ItemView，记得要重写构造方法，否则会抛出 Android.view.InflateException 异常；

如果想实现微信评论那样用户名和内容回复文字字体颜色不同，而且点击评论用户名触发页面跳转等功能，请参见 《布局优化技巧笔记》 之 ClickableSpan 章节；

4. 美工素材

由于 .apk 本质上是个压缩包，我们可以通过解压得到该 .apk 文件的图片素材和布局文件，更多获得素材的方法参见我的另一篇博文 如何获得Android素材图片。通过这种方式得到颜色、更多按钮的样式等素材，仅供学习之用，请勿做侵犯版权之事。尊重知识版权既是大势所趋，也是终将使每个开发者受益的事。

文件夹r里存放图片

找到更多按钮

5. 关键代码

开发环境：Android Studio 1.4.1 for Mac + ADT 21 + JDK 1.8.0。

MainAcitivity.Java

package main.zhaizu.com.popupwindowdemo;

import android.content.Context;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.text.TextUtils;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.