溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
怎么在Android項目中實現一個評論與回復功能？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
布局中定義
首先，我們需要在xml的布局文件中聲明ExpandableListView：
<ExpandableListView android:id="@+id/detail_page_lv_comment" android:layout_width="match_parent" android:layout_height="match_parent" android:divider="@null" android:layout_marginBottom="64dp" android:listSelector="@android:color/transparent" android:scrollbars="none"/>
這里需要說明兩個問題：
ExpandableListView默認為它的item加上了點擊效果，由于item里面還包含了childItem，所以，點擊后，整個item里面的內容都會有點擊效果。我們可以取消其點擊特效，避免其影響用戶體驗，只需要設置如上代碼中的listSelector即可。
ExpandableListView具有默認的分割線，可以通過divider屬性將其隱藏。
設置Adapter
正如使用listView那樣，我們需要為ExpandableListView設置一個適配器Adapter，為其綁定數據和視圖。ExpandableListView的adapter需要繼承自ExpandableListAdapter，具體代碼如下：
/**
* Author: Moos
* E-mail: moosphon@gmail.com
* Date: 18/4/20.
* Desc: 評論與回復列表的適配器
*/
public class CommentExpandAdapter extends BaseExpandableListAdapter {
private static final String TAG = "CommentExpandAdapter";
private List<CommentDetailBean> commentBeanList;
private Context context;
public CommentExpandAdapter(Context context, List<CommentDetailBean> commentBeanList) {
this.context = context;
this.commentBeanList = commentBeanList;
}
@Override
public int getGroupCount() {
return commentBeanList.size();
}
@Override
public int getChildrenCount(int i) {
if(commentBeanList.get(i).getReplyList() == null){
return 0;
}else {
return commentBeanList.get(i).getReplyList().size()>0 ? commentBeanList.get(i).getReplyList().size():0;
}
}
@Override
public Object getGroup(int i) {
return commentBeanList.get(i);
}
@Override
public Object getChild(int i, int i1) {
return commentBeanList.get(i).getReplyList().get(i1);
}
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
@Override
public long getChildId(int groupPosition, int childPosition) {
return getCombinedChildId(groupPosition, childPosition);
}
@Override
public boolean hasStableIds() {
return true;
}
boolean isLike = false;
@Override
public View getGroupView(final int groupPosition, boolean isExpand, View convertView, ViewGroup viewGroup) {
final GroupHolder groupHolder;
if(convertView == null){
convertView = LayoutInflater.from(context).inflate(R.layout.comment_item_layout, viewGroup, false);
groupHolder = new GroupHolder(convertView);
convertView.setTag(groupHolder);
}else {
groupHolder = (GroupHolder) convertView.getTag();
}
Glide.with(context).load(R.drawable.user_other)
.diskCacheStrategy(DiskCacheStrategy.RESULT)
.error(R.mipmap.ic_launcher)
.centerCrop()
.into(groupHolder.logo);
groupHolder.tv_name.setText(commentBeanList.get(groupPosition).getNickName());
groupHolder.tv_time.setText(commentBeanList.get(groupPosition).getCreateDate());
groupHolder.tv_content.setText(commentBeanList.get(groupPosition).getContent());
groupHolder.iv_like.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if(isLike){
isLike = false;
groupHolder.iv_like.setColorFilter(Color.parseColor("#aaaaaa"));
}else {
isLike = true;
groupHolder.iv_like.setColorFilter(Color.parseColor("#FF5C5C"));
}
}
});
return convertView;
}
@Override
public View getChildView(final int groupPosition, int childPosition, boolean b, View convertView, ViewGroup viewGroup) {
final ChildHolder childHolder;
if(convertView == null){
convertView = LayoutInflater.from(context).inflate(R.layout.comment_reply_item_layout,viewGroup, false);
childHolder = new ChildHolder(convertView);
convertView.setTag(childHolder);
}
else {
childHolder = (ChildHolder) convertView.getTag();
}
String replyUser = commentBeanList.get(groupPosition).getReplyList().get(childPosition).getNickName();
if(!TextUtils.isEmpty(replyUser)){
childHolder.tv_name.setText(replyUser + ":");
}
childHolder.tv_content.setText(commentBeanList.get(groupPosition).getReplyList().get(childPosition).getContent());
return convertView;
}
@Override
public boolean isChildSelectable(int i, int i1) {
return true;
}
private class GroupHolder{
private CircleImageView logo;
private TextView tv_name, tv_content, tv_time;
private ImageView iv_like;
public GroupHolder(View view) {
logo = view.findViewById(R.id.comment_item_logo);
tv_content = view.findViewById(R.id.comment_item_content);
tv_name = view.findViewById(R.id.comment_item_userName);
tv_time = view.findViewById(R.id.comment_item_time);
iv_like = view.findViewById(R.id.comment_item_like);
}
}
private class ChildHolder{
private TextView tv_name, tv_content;
public ChildHolder(View view) {
tv_name = (TextView) view.findViewById(R.id.reply_item_user);
tv_content = (TextView) view.findViewById(R.id.reply_item_content);
}
}
}一般情況下，我們自定義自己的ExpandableListAdapter后，需要實現以下幾個方法：
構造方法，這個應該無需多說了，一般用來初始化數據等操作。
getGroupCount，返回group分組的數量，在當前需求中指代評論的數量。
getChildrenCount，返回所在group中child的數量，這里指代當前評論對應的回復數目。
getGroup，返回group的實際數據，這里指的是當前評論數據。
getChild，返回group中某個child的實際數據，這里指的是當前評論的某個回復數據。
getGroupId，返回分組的id，一般將當前group的位置傳給它。
getChildId，返回分組中某個child的id，一般也將child當前位置傳給它，不過為了避免重復，可以使用getCombinedChildId(groupPosition, childPosition);來獲取id并返回。
hasStableIds，表示分組和子選項是否持有穩定的id，這里返回true即可。
isChildSelectable，表示分組中的child是否可以選中，這里返回true。
getGroupView，即返回group的視圖，一般在這里進行一些數據和視圖綁定的工作，一般為了復用和高效，可以自定義ViewHolder，用法與listview一樣，這里就不多說了。
getChildView，返回分組中child子項的視圖，比較容易理解，第一個參數是當前group所在的位置，第二個參數是當前child所在位置。
這里的數據是我自己做的模擬數據，不過應該算是較為通用的格式了，大體格式如下：
一般情況下，我們后臺會通過接口返回給我們一部分數據，如果想要查看更多評論，需要跳轉到“更多頁面”去查看，這里為了方便，我們只考慮加載部分數據。
Activity中使用
接下來，我們就需要在activity中顯示評論和回復的二級列表了：
private ExpandableListView expandableListView;
private CommentExpandAdapter adapter;
private CommentBean commentBean;
private List<CommentDetailBean> commentsList;
...
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
expandableListView = findViewById(R.id.detail_page_lv_comment);
initExpandableListView(commentsList);
}
/**
* 初始化評論和回復列表
*/
private void initExpandableListView(final List<CommentDetailBean> commentList){
expandableListView.setGroupIndicator(null);
//默認展開所有回復
adapter = new CommentExpandAdapter(this, commentList);
expandableListView.setAdapter(adapter);
for(int i = 0; i<commentList.size(); i++){
expandableListView.expandGroup(i);
}
expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView expandableListView, View view, int groupPosition, long l) {
boolean isExpanded = expandableListView.isGroupExpanded(groupPosition);
Log.e(TAG, "onGroupClick: 當前的評論id>>>"+commentList.get(groupPosition).getId());
// if(isExpanded){
// expandableListView.collapseGroup(groupPosition);
// }else {
// expandableListView.expandGroup(groupPosition, true);
// }
return true;
}
});
expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView expandableListView, View view, int groupPosition, int childPosition, long l) {
Toast.makeText(MainActivity.this,"點擊了回復",Toast.LENGTH_SHORT).show();
return false;
}
});
expandableListView.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
@Override
public void onGroupExpand(int groupPosition) {
//toast("展開第"+groupPosition+"個分組");
}
});
}
/**
* by moos on 2018/04/20
* func:生成測試數據
* @return 評論數據
*/
private List<CommentDetailBean> generateTestData(){
Gson gson = new Gson();
commentBean = gson.fromJson(testJson, CommentBean.class);
List<CommentDetailBean> commentList = commentBean.getData().getList();
return commentList;
}就以上代碼作一下簡單說明：
1、ExpandableListView在默認情況下會為我們自帶分組的icon（??），當前需求下，我們根本不需要展示，可以通過expandableListView.setGroupIndicator(null)來隱藏。
2、一般情況下，我們可能需要默認展開所有的分組，我就可以通過循環來調用expandableListView.expandGroup(i);方法。
3、ExpandableListView為我們提供了group和child的點擊事件，分別通過setOnGroupClickListener和setOnChildClickListener來設置。值得注意的是，group的點擊事件里如果我們返回的是false，那么我們點擊group就會自動展開，但我這里碰到一個問題，當我返回false時，第一條評論數據會多出一條。通過百度查找方法，雖然很多類似問題，但終究沒有解決，最后我返回了ture，并通過以下代碼手動展開和收縮就可以了：
if(isExpanded){
expandableListView.collapseGroup(groupPosition);
}else {
expandableListView.expandGroup(groupPosition, true);
}4、此外，我們還可以通過setOnGroupExpandListener和setOnGroupCollapseListener來監聽ExpandableListView的分組展開和收縮的狀態。
評論和回復功能
為了模擬整個評論和回復功能，我們還需要手動插入收據并刷新數據列表。這里我就簡單做一下模擬，請忽略一些UI上的細節。
插入評論數據
插入評論數據比較簡單，只需要在list中插入一條數據并刷新即可：
String commentContent = commentText.getText().toString().trim();
if(!TextUtils.isEmpty(commentContent)){
//commentOnWork(commentContent);
dialog.dismiss();
CommentDetailBean detailBean = new CommentDetailBean("小明", commentContent,"剛剛");
adapter.addTheCommentData(detailBean);
Toast.makeText(MainActivity.this,"評論成功",Toast.LENGTH_SHORT).show();
}else {
Toast.makeText(MainActivity.this,"評論內容不能為空",Toast.LENGTH_SHORT).show();
}adapter中的addTheCommentData方法如下：
/**
* by moos on 2018/04/20
* func:評論成功后插入一條數據
* @param commentDetailBean 新的評論數據
*/
public void addTheCommentData(CommentDetailBean commentDetailBean){
if(commentDetailBean!=null){
commentBeanList.add(commentDetailBean);
notifyDataSetChanged();
}else {
throw new IllegalArgumentException("評論數據為空!");
}
}代碼比較容易理解，就不多做說明了。
插入回復數據
首先，我們需要實現點擊某一條評論，然后@ta,那么我們需要在group的點擊事件里彈起回復框：
expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView expandableListView, View view, int groupPosition, long l) {
showReplyDialog(groupPosition);
return true;
}
});
......
/**
* by moos on 2018/04/20
* func:彈出回復框
*/
private void showReplyDialog(final int position){
dialog = new BottomSheetDialog(this);
View commentView = LayoutInflater.from(this).inflate(R.layout.comment_dialog_layout,null);
final EditText commentText = (EditText) commentView.findViewById(R.id.dialog_comment_et);
final Button bt_comment = (Button) commentView.findViewById(R.id.dialog_comment_bt);
commentText.setHint("回復 " + commentsList.get(position).getNickName() + " 的評論:");
dialog.setContentView(commentView);
bt_comment.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
String replyContent = commentText.getText().toString().trim();
if(!TextUtils.isEmpty(replyContent)){
dialog.dismiss();
ReplyDetailBean detailBean = new ReplyDetailBean("小紅",replyContent);
adapter.addTheReplyData(detailBean, position);
Toast.makeText(MainActivity.this,"回復成功",Toast.LENGTH_SHORT).show();
}else {
Toast.makeText(MainActivity.this,"回復內容不能為空",Toast.LENGTH_SHORT).show();
}
}
});
commentText.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
}
@Override
public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
if(!TextUtils.isEmpty(charSequence) && charSequence.length()>2){
bt_comment.setBackgroundColor(Color.parseColor("#FFB568"));
}else {
bt_comment.setBackgroundColor(Color.parseColor("#D8D8D8"));
}
}
@Override
public void afterTextChanged(Editable editable) {
}
});
dialog.show();
}插入回復的數據與上面插入評論類似，這里貼一下adapter中的代碼：
/**
* by moos on 2018/04/20
* func:回復成功后插入一條數據
* @param replyDetailBean 新的回復數據
*/
public void addTheReplyData(ReplyDetailBean replyDetailBean, int groupPosition){
if(replyDetailBean!=null){
Log.e(TAG, "addTheReplyData: >>>>該刷新回復列表了:"+replyDetailBean.toString() );
if(commentBeanList.get(groupPosition).getReplyList() != null ){
commentBeanList.get(groupPosition).getReplyList().add(replyDetailBean);
}else {
List<ReplyDetailBean> replyList = new ArrayList<>();
replyList.add(replyDetailBean);
commentBeanList.get(groupPosition).setReplyList(replyList);
}
notifyDataSetChanged();
}else {
throw new IllegalArgumentException("回復數據為空!");
}
}需要注意一點，由于不一定所有的評論都有回復數據，所以在插入數據前我們要判斷ReplyList是否為空，如果不為空，直接獲取當前評論的回復列表，并插入數據；如果為空，需要new一個ReplyList，插入數據后還要為評論set一下ReplyList。
解決CoordinatorLayout與ExpandableListView嵌套問題
如果你不需要使用CoordinatorLayout或者NestedScrollView，可以跳過本小節。一般情況下，我們產品為了更好的用戶體驗，還需要我們加上類似的頂部視差效果或者下拉刷新等，這就要我們處理一些常見的嵌套滑動問題了。
由于CoordinatorLayout實現NestedScrollingParent接口,RecycleView實現了NestedScrollingChild接口,所以就可以在NestedScrollingChildHelper的幫助下實現嵌套滑動，那么我們也可以通過自定義的ExpandableListView實現NestedScrollingChild接口來達到同樣的效果：
/**
* Author: Moos
* E-mail: moosphon@gmail.com
* Date: 18/4/20.
* Desc: 自定義ExpandableListView,解決與CoordinatorLayout滑動沖突問題
*/
public class CommentExpandableListView extends ExpandableListView implements NestedScrollingChild{
private NestedScrollingChildHelper mScrollingChildHelper;
public CommentExpandableListView(Context context, AttributeSet attrs) {
super(context, attrs);
mScrollingChildHelper = new NestedScrollingChildHelper(this);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
setNestedScrollingEnabled(true);
}
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
super.onMeasure(widthMeasureSpec, expandSpec);
}
@Override
public void setNestedScrollingEnabled(boolean enabled) {
mScrollingChildHelper.setNestedScrollingEnabled(enabled);
}
@Override
public boolean isNestedScrollingEnabled() {
return mScrollingChildHelper.isNestedScrollingEnabled();
}
@Override
public boolean startNestedScroll(int axes) {
return mScrollingChildHelper.startNestedScroll(axes);
}
@Override
public void stopNestedScroll() {
mScrollingChildHelper.stopNestedScroll();
}
@Override
public boolean hasNestedScrollingParent() {
return mScrollingChildHelper.hasNestedScrollingParent();
}
@Override
public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed,
int dyUnconsumed, int[] offsetInWindow) {
return mScrollingChildHelper.dispatchNestedScroll(dxConsumed, dyConsumed,
dxUnconsumed, dyUnconsumed, offsetInWindow);
}
@Override
public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
return mScrollingChildHelper.dispatchNestedPreScroll(dx, dy, consumed, offsetInWindow);
}
@Override
public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed) {
return mScrollingChildHelper.dispatchNestedFling(velocityX, velocityY, consumed);
}
@Override
public boolean dispatchNestedPreFling(float velocityX, float velocityY) {
return mScrollingChildHelper.dispatchNestedPreFling(velocityX, velocityY);
}
}關于怎么在Android項目中實現一個評論與回復功能問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
