话题详情页面开发

app/src/main/java/com/electric/chargingpile/activity/PersonalPageActivity.java

@@ -124,10 +124,11 @@ public class PersonalPageActivity extends Activity implements View.OnClickListen
                        haveLoadHeaderData = true;
                        initHeaderData(qadata);
                    }
                    if (page == 1)
                        waterFallAdapter.setData(qadata.list);
                    else
                        waterFallAdapter.addData(qadata.list);
                    // TODO by hyg
                    //if (page == 1)
                        //waterFallAdapter.setData(qadata.list);
                    //else
                        //waterFallAdapter.addData(qadata.list);
                    if ((page == 1 && null == qadata.list) || (page == 1 && qadata.list.size() == 0)) {
@@ -145,43 +146,44 @@ public class PersonalPageActivity extends Activity implements View.OnClickListen
        });
    }
    // TODO by hyg
    private void initHeaderData(HomePageBean qadata) {
        if(qadata == null || qadata.userVo == null)
            return;
        chargingShareBean.setIcon(qadata.userVo.coverImgUrl);
        chargingShareBean.setTitle(qadata.userVo.nickName+"的个人主页");
        chargingShareBean.setUrl(qadata.userVo.shareUrl);
        chargingShareBean.setText("快来看看"+qadata.userVo.nickName+"都在分享什么吧。");
        username_text.setText(qadata.userVo.nickName+"");
        if(TextUtils.isEmpty(qadata.userVo.carName))
            username_content.setText("");
        else
            username_content.setText(qadata.userVo.carName+"");
        data_info.setText(qadata.userVo.topicNums + "");
        if (!"".equals(qadata.userVo.headImgUrl)) {
            Picasso.with(this)
                    .load("http://cdz.evcharge.cc/zhannew/uploadfile/" + qadata.userVo.headImgUrl)
                    .into(new Target() {
                        @Override
                        public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom loadedFrom) {
                            iconPic.setImageBitmap(bitmap);
                        }
                        @Override
                        public void onBitmapFailed(Drawable drawable) {
                        }
                        @Override
                        public void onPrepareLoad(Drawable drawable) {
                        }
                    });
        } else {
            iconPic.setImageResource(R.drawable.icon_face2_0);
        }
//        if(qadata == null || qadata.topicBean == null)
//            return;
//        chargingShareBean.setIcon(qadata.userVo.coverImgUrl);
//        chargingShareBean.setTitle(qadata.userVo.nickName+"的个人主页");
//        chargingShareBean.setUrl(qadata.userVo.shareUrl);
//        chargingShareBean.setText("快来看看"+qadata.userVo.nickName+"都在分享什么吧。");
//
//        username_text.setText(qadata.userVo.nickName+"");
//        if(TextUtils.isEmpty(qadata.userVo.carName))
//            username_content.setText("");
//        else
//            username_content.setText(qadata.userVo.carName+"");
//        data_info.setText(qadata.userVo.topicNums + "");
//        if (!"".equals(qadata.userVo.headImgUrl)) {
//            Picasso.with(this)
//                    .load("http://cdz.evcharge.cc/zhannew/uploadfile/" + qadata.userVo.headImgUrl)
//                    .into(new Target() {
//                        @Override
//                        public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom loadedFrom) {
//                            iconPic.setImageBitmap(bitmap);
//                        }
//
//                        @Override
//                        public void onBitmapFailed(Drawable drawable) {
//
//                        }
//
//                        @Override
//                        public void onPrepareLoad(Drawable drawable) {
//
//                        }
//                    });
//        } else {
//            iconPic.setImageResource(R.drawable.icon_face2_0);
//        }
    }
    private void initListener() {

app/src/main/java/com/electric/chargingpile/activity/TopicDetailActivity.java

@@ -4,33 +4,103 @@ import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.util.Log;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
import com.andview.refreshview.XRefreshView;
import com.electric.chargingpile.R;
import com.electric.chargingpile.adapter.TopicDetailAdapter;
import com.electric.chargingpile.application.MainApplication;
import com.electric.chargingpile.data.HomePageBean;
import com.electric.chargingpile.util.CommonParams;
import com.electric.chargingpile.util.JsonUtils;
import com.electric.chargingpile.util.NetUtil;
import com.electric.chargingpile.util.ToastUtil;
import com.zhy.http.okhttp.OkHttpUtils;
import com.zhy.http.okhttp.callback.StringCallback;
import java.util.HashMap;
import java.util.Map;
import okhttp3.Call;
/**
 * @desc 话题详情
 */
public class TopicDetailActivity extends AppCompatActivity implements View.OnClickListener {
    private static final String TAG = "TopicDetailActivity";
    private TextView titleTextView;
    private XRefreshView xRefreshView;
    private RecyclerView recyclerView;
    private int topicId;
    private String sort = "1";
    private int page = 1;
    private TopicDetailAdapter topicDetailAdapter;
    private StaggeredGridLayoutManager staggeredGridLayoutManager;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_topic_detail);
        initView();
        initListener();
        if (NetUtil.CheckNetwork(this)) {
            xRefreshView.startRefresh();
            requestData();
        } else {
            // TODO by hyg
        }
    }
    private void initView() {
        topicId = getIntent().getIntExtra("topicId", 0);
        titleTextView = findViewById(R.id.titleTextView);
        xRefreshView = findViewById(R.id.xRefreshView);
        xRefreshView.setPullLoadEnable(true); // 允许加载更多
        xRefreshView.setPinnedTime(1000);
        xRefreshView.setMoveForHorizontal(true);
        xRefreshView.setXRefreshViewListener(new XRefreshView.SimpleXRefreshListener(){
            @Override
            public void onRefresh(boolean isPullDown) {
                super.onRefresh(isPullDown);
                page = 1;
                requestData();
            }
            @Override
            public void onLoadMore(boolean isSilence) {
                super.onLoadMore(isSilence);
                page ++;
                requestData();
            }
        });
        staggeredGridLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
        staggeredGridLayoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);
        topicDetailAdapter = new TopicDetailAdapter(getApplicationContext());
        recyclerView = findViewById(R.id.recyclerView);
        recyclerView.setHasFixedSize(true);
        recyclerView.setItemAnimator(null);
        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                // TODO by hyg 发布功能
            }
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            }
        });
        recyclerView.setLayoutManager(staggeredGridLayoutManager);
        recyclerView.setAdapter(topicDetailAdapter);
//        topicDetailAdapter.setOn TODO by hyg 回调事件
    }
    private void initListener() {
@@ -41,10 +111,10 @@ public class TopicDetailActivity extends AppCompatActivity implements View.OnCli
    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.backImageView:
            case R.id.backImageView: // 左上角返回功能
                finish();
                break;
            case R.id.shareTextView:
            case R.id.shareTextView: // 右上角分享功能
                shareInfo();
                break;
        }
@@ -52,6 +122,57 @@ public class TopicDetailActivity extends AppCompatActivity implements View.OnCli
    }
    private void shareInfo() {
        // TODO by huyuguo share information
        // TODO by hyg share information
    }
    private void requestData() {
        String url = MainApplication.urlNew + "/topic/homepage.do";
        Map<String, String> map = new HashMap<>();
        map.put("topicId", topicId + "");
        map.put("sort", sort);              //   1:最新发布 2:最后回复 3:最热
        map.put("init", "1");            //   0:只返回话题下内容列表 1:返回话题名等信息
        map.put("page", page + "");
        map.put("limit", "20");
        CommonParams.addCommonParams(map);
        OkHttpUtils.get().url(url).params(map).build().connTimeOut(6000).readTimeOut(6000).execute(new StringCallback() {
            @Override
            public void onError(Call call, Exception e) {
                ToastUtil.showToast(getApplicationContext(), "数据获取失败:" + e.getMessage(), Toast.LENGTH_SHORT);
                if (page == 1) {
                    xRefreshView.stopRefresh();
                } else {
                    page--;
                    xRefreshView.stopLoadMore();
                }
            }
            @Override
            public void onResponse(String res) {
                // TODO by hyg no network
                String code = JsonUtils.getKeyResult(res, "code");
                String desc = JsonUtils.getKeyResult(res, "desc");
                if ("1000".equals(code)) {
                    String data = JsonUtils.getKeyResult(res, "data");
                    HomePageBean homePageBean = (HomePageBean)JsonUtils.parseToObjectBean(data, HomePageBean.class);
                    if (page == 1) {
                        xRefreshView.stopRefresh();
                        topicDetailAdapter.setHeaderData(homePageBean.topicVo);
                        topicDetailAdapter.setContentData(homePageBean.list);
                    } else {
                        xRefreshView.stopLoadMore();
                    }
                } else {
                    ToastUtil.showToast(getApplicationContext(), desc, Toast.LENGTH_SHORT);
                    if (page == 1) {
                        xRefreshView.stopRefresh();
                    } else {
                        page--;
                        xRefreshView.stopLoadMore();
                    }
                }
            }
        });
    }
}

app/src/main/java/com/electric/chargingpile/adapter/TopicDetailAdapter.java

@@ -1,26 +1,51 @@
package com.electric.chargingpile.adapter;
import android.content.Context;
import android.support.constraint.ConstraintLayout;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.text.TextUtils;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import com.aspsine.irecyclerview.IViewHolder;
import com.electric.chargingpile.R;
import com.electric.chargingpile.application.MainApplication;
import com.electric.chargingpile.data.ChatRecommendBean;
import com.electric.chargingpile.data.HomePageBean;
import com.electric.chargingpile.data.TalkRecommendBean;
import com.electric.chargingpile.data.TopicDetailBean;
import com.electric.chargingpile.data.TopicDetailBeanLab;
import com.electric.chargingpile.util.CircleTransform;
import com.electric.chargingpile.util.CommonParams;
import com.electric.chargingpile.util.ImageDisplayUtils;
import com.electric.chargingpile.util.JsonUtils;
import com.electric.chargingpile.util.ToastUtil;
import com.squareup.picasso.Picasso;
import com.zhy.http.okhttp.OkHttpUtils;
import com.zhy.http.okhttp.callback.StringCallback;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import okhttp3.Call;
public class TopicDetailAdapter extends RecyclerView.Adapter<IViewHolder> {
    private static final String TAG = "TopicDetailAdapter";
    public static final int TOPIC_DETAIL_HEADER = 1;
    public static final int TOPIC_DETAIL_CONTENT = 2;
    private Context context;
    private LayoutInflater layoutInflater;
    private final TopicDetailBeanLab beanLab;
    private ChatRecommendBean topicDetailBean;
    private HomePageBean.HomePageTopicBean topicDetailBean;
    public TopicDetailAdapter(Context context) {
        this.context = context;
@@ -68,14 +93,123 @@ public class TopicDetailAdapter extends RecyclerView.Adapter<IViewHolder> {
    }
    private void bindHeaderViewHolder(IViewHolder viewHolder, int position) {
        HeaderViewHolder headerViewHolder = (HeaderViewHolder)viewHolder;
        HeaderViewHolder headerViewHolder = (HeaderViewHolder) viewHolder;
        StaggeredGridLayoutManager.LayoutParams params = (StaggeredGridLayoutManager.LayoutParams) headerViewHolder.topicDetailHeader.getLayoutParams();
        params.setFullSpan(true);
        if (topicDetailBean == null) {
            return;
        }
        ImageDisplayUtils.dispalyImg(context, topicDetailBean.coverImgUrl, headerViewHolder.headImage);
        headerViewHolder.name.setText(topicDetailBean.name);
        headerViewHolder.desc.setText(topicDetailBean.desc);
        int read = topicDetailBean.visitNums;
        headerViewHolder.read.setText(read < 10000 ? read + "" : String.format("%.1fW", read / 10000.0));
        int join = topicDetailBean.joinNums;
        headerViewHolder.join.setText(join < 10000 ? join + "" : String.format("%.1fW", join / 10000.0));
    }
    private void bindContentViewHolder(IViewHolder viewHolder, int position) {
    private void bindContentViewHolder(IViewHolder viewHolder, final int position) {
        List<ChatRecommendBean> beans = TopicDetailBeanLab.get(context).beans();
        if (beans.size() == 0 || position > beans.size()) {
            return;
        }
        final ChatRecommendBean bean = beans.get(position - 1);
        ContentViewHolder contentViewHolder = (ContentViewHolder) viewHolder;
        ImageDisplayUtils.dispalyImg(context, bean.coverImgUrl, contentViewHolder.coverImage);
        contentViewHolder.videoIcon.setVisibility(bean.targetType == ChatRecommendBean.TARGET_TYPE_VIDEO ? View.VISIBLE : View.GONE);
        contentViewHolder.isTop.setVisibility(bean.isTop == 1 ? View.VISIBLE : View.GONE);
        contentViewHolder.title.setText(bean.title);
        contentViewHolder.authorInfo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                showAuthorInfo(position);
            }
        });
        if (TextUtils.isEmpty(bean.headImgUrl)) {
            Picasso.with(context)
                    .load(R.drawable.icon_face2_0)
                    .placeholder(R.drawable.icon_face2_0)
                    .error(R.drawable.icon_face2_0)
                    .transform(new CircleTransform())
                    .into(contentViewHolder.headImage);
        } else {
            Picasso.with(context)
                    .load("http://cdz.evcharge.cc/zhannew/uploadfile/" + bean.headImgUrl)
                    .placeholder(R.drawable.icon_face2_0)
                    .error(R.drawable.icon_face2_0)
                    .transform(new CircleTransform())
                    .into(contentViewHolder.headImage);
        }
        contentViewHolder.nickName.setText(bean.nickName);
        contentViewHolder.likeInfo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (bean.likeFlg == 0) {
                    doLike(position);
                }
            }
        });
        if (bean.likeFlg == 1) {
            contentViewHolder.likeIcon.setBackgroundResource(R.drawable.app_talk_main_list_zan_red_icon);
        } else {
            contentViewHolder.likeIcon.setBackgroundResource(R.drawable.app_talk_main_list_zan_icon);
        }
        int likeNum = bean.likeNums;
        if (likeNum > 0) {
            contentViewHolder.likeNum.setVisibility(View.VISIBLE);
            contentViewHolder.likeNum.setText(likeNum < 10000 ? likeNum + "" : String.format("%.1fW", likeNum / 10000.0));
        } else {
            contentViewHolder.likeNum.setVisibility(View.GONE);
        }
    }
    /**
     * 点赞操作
     *
     * @param position
     */
    private void doLike(final int position) {
        final ChatRecommendBean bean = TopicDetailBeanLab.get(context).beans().get(position - 1);
        String url = MainApplication.urlNew + "/topic/like.do";
        Map<String, String> map = new HashMap<>();
        map.put("targetId", bean.targetId + "");
        map.put("targetType", bean.targetType + "");
        map.put("flag", "1");
        map.put("authorId", bean.addUserId + "");
        CommonParams.addCommonParams(map);
        OkHttpUtils.get().url(url).params(map).build().connTimeOut(6000).readTimeOut(6000).execute(new StringCallback() {
            @Override
            public void onError(Call call, Exception e) {
                ToastUtil.showToast(context, "点赞失败，请重试", Toast.LENGTH_SHORT);
            }
            @Override
            public void onResponse(String res) {
                String code = JsonUtils.getKeyResult(res, "code");
                String desc = JsonUtils.getKeyResult(res, "desc");
                if ("1000".equals(code)) {
                    bean.likeFlg = 1;
                    bean.likeNums += 1;
                    notifyItemChanged(position);
                } else {
                    ToastUtil.showToast(context, desc, Toast.LENGTH_SHORT);
                }
            }
        });
    }
    private void showAuthorInfo(int position) {
        // TODO
    }
    public void setContentData(ArrayList<ChatRecommendBean> beans) {
        beanLab.clear();
        beanLab.add(beans);
@@ -89,23 +223,68 @@ public class TopicDetailAdapter extends RecyclerView.Adapter<IViewHolder> {
        notifyItemRangeChanged(startSize, endSize);
    }
    public void setHeaderData(ChatRecommendBean bean) {
    public void setHeaderData(HomePageBean.HomePageTopicBean bean) {
        topicDetailBean = bean;
    }
    class HeaderViewHolder extends IViewHolder {
        ConstraintLayout topicDetailHeader;
        ImageView headImage;
        TextView name;
        TextView desc;
        TextView read;
        TextView join;
        public HeaderViewHolder(View itemView) {
            super(itemView);
            topicDetailHeader = itemView.findViewById(R.id.topicDetailHeader);
            headImage = itemView.findViewById(R.id.headImage);
            name = itemView.findViewById(R.id.name);
            desc = itemView.findViewById(R.id.desc);
            read = itemView.findViewById(R.id.read);
            join = itemView.findViewById(R.id.join);
        }
    }
    class ContentViewHolder extends IViewHolder {
    public class ContentViewHolder extends IViewHolder {
        ConstraintLayout image_video_item;
        ImageView coverImage;
        ImageView videoIcon;
        TextView isTop;
        TextView title;
        ConstraintLayout authorInfo;
        ImageView headImage;
        TextView nickName;
        ConstraintLayout likeInfo;
        ImageView likeIcon;
        TextView likeNum;
        ConstraintLayout topic_item;
        ImageView topicCoverImage;
        TextView topicTitle;
        public ContentViewHolder(View itemView) {
            super(itemView);
        }
    }
            image_video_item = itemView.findViewById(R.id.image_video_item);
            coverImage = itemView.findViewById(R.id.coverImage);
            videoIcon = itemView.findViewById(R.id.videoIcon);
            isTop = itemView.findViewById(R.id.isTop);
            title = itemView.findViewById(R.id.title);
            authorInfo = itemView.findViewById(R.id.authorInfo);
            headImage = itemView.findViewById(R.id.headImage);
            nickName = itemView.findViewById(R.id.nickName);
            likeInfo = itemView.findViewById(R.id.likeInfo);
            likeIcon = itemView.findViewById(R.id.likeIcon);
            likeNum = itemView.findViewById(R.id.likeNum);
            // 默认是隐藏的,只有在首页信息流里面插入的话题才会显示
            topic_item = itemView.findViewById(R.id.topic_item);
            topicCoverImage = itemView.findViewById(R.id.topicCoverImage);
            topicTitle = itemView.findViewById(R.id.topicTitle);
        }
    }
}

app/src/main/java/com/electric/chargingpile/application/MainApplication.java

@@ -73,10 +73,10 @@ public class MainApplication extends MultiDexApplication {
    public static String firstPoint = "";
    public static Boolean firstSsyd;
    public static String password = "";
    public static String url = "http://59.110.68.162";// 充电桩测试环境
//    public static String url = "http://cdz.evcharge.cc";// 充电桩正式环境
    public static String urlNew = "http://123.56.67.7:83/api/0200";// 一电测试环境
//    public static String urlNew = "https://api.touchev.com:83/api/0200";// 一电正式环境
//    public static String url = "http://59.110.68.162";// 充电桩测试环境
    public static String url = "http://cdz.evcharge.cc";// 充电桩正式环境
//    public static String urlNew = "http://123.56.67.7:83/api/0200";// 一电测试环境
    public static String urlNew = "https://api.touchev.com:83/api/0200";// 一电正式环境
    public static String pic_url = "http://cdz.evcharge.cc/zhannew/uploadfile/";
    //	public static String url = "https://cdz.d1ev.com";
    public static String build_flag = "0";

app/src/main/java/com/electric/chargingpile/data/HomePageBean.java

@@ -5,29 +5,35 @@ import java.util.ArrayList;
public class HomePageBean {
    public ArrayList<TalkRecommendBean> list;
    public HomePageuserVo userVo;
    public ArrayList<ChatRecommendBean> list; // 话题下的内容信息集合
    public HomePageTopicBean topicVo;
    public class HomePageuserVo {
        public String nickName;
        public String headImgUrl;
        public String carName;
        public int topicNums;
    public class HomePageTopicBean {
        public String topicId; // 话题ID
        public String name; // 话题名称
        public String coverImgUrl; // 话题封面图片
        public String desc; // 话题描述
        public int joinNums; // 参与该话题的人数（最多显示4位，超过4位，以千进位，显示1.1W，小数点后1位）
        public int visitNums; // 访问量
        public long targetId;
        public long addUserId;
        public int targetType;
        public String title;
        public String carSeriesName;
        public String topicName;
        public String coverImgUrl;
        public String shareUrl;
        public String[] imgUrls;
        public int topicId;
        public int likeNums;
        public int commentNums;
        public int isTop;
        public int likeFlg;
        public int source;
        @Override
        public String toString() {
            return "HomePageTopicBean{" +
                    "topicId='" + topicId + '\'' +
                    ", name='" + name + '\'' +
                    ", coverImgUrl='" + coverImgUrl + '\'' +
                    ", desc='" + desc + '\'' +
                    ", joinNums=" + joinNums +
                    ", visitNums=" + visitNums +
                    '}';
        }
    }
    @Override
    public String toString() {
        return "HomePageBean{" +
                "list=" + list +
                ", topicVo=" + topicVo +
                '}';
    }
}

app/src/main/res/layout/activity_chat_content.xml

@@ -1,6 +1,198 @@
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:background="#ffffff">
    <android.support.constraint.ConstraintLayout
        android:id="@+id/image_video_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">
        <ImageView
            android:id="@+id/coverImage"
            android:layout_width="168dp"
            android:layout_height="147dp"
            android:contentDescription="信息图片"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:srcCompat="@tools:sample/avatars[0]" />
        <ImageView
            android:id="@+id/videoIcon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/app_talk_video_icon"
            android:visibility="gone"
            app:layout_constraintBottom_toBottomOf="@+id/coverImage"
            app:layout_constraintLeft_toLeftOf="@+id/coverImage"
            app:layout_constraintRight_toRightOf="@+id/coverImage"
            app:layout_constraintTop_toTopOf="@+id/coverImage"
            tools:visibility="visible" />
        <TextView
            android:id="@+id/isTop"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_marginRight="10dp"
            android:background="@color/white"
            android:paddingLeft="4dp"
            android:paddingRight="4dp"
            android:text="置顶"
            android:textColor="@color/color_fb9349"
            android:textSize="14sp"
            android:visibility="gone"
            app:layout_constraintRight_toRightOf="@+id/coverImage"
            app:layout_constraintTop_toTopOf="@+id/coverImage"
            tools:visibility="visible" />
        <TextView
            android:id="@+id/title"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginRight="10dp"
            android:ellipsize="end"
            android:maxLines="2"
            android:textColor="#222222"
            android:textSize="15sp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/coverImage"
            tools:text="汽车上的“保命油”到底该多久换一次？汽车上的“保命油”到底该多久换一次？" />
        <android.support.constraint.ConstraintLayout
            android:layout_width="0dp"
            android:layout_height="48dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/title">
            <android.support.constraint.ConstraintLayout
                android:id="@+id/authorInfo"
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent">
                <ImageView
                    android:id="@+id/headImage"
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:srcCompat="@tools:sample/avatars[1]" />
                <TextView
                    android:id="@+id/nickName"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="5dp"
                    android:textColor="#888888"
                    android:textSize="14sp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toRightOf="@+id/headImage"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:text="妮妮" />
            </android.support.constraint.ConstraintLayout>
            <android.support.constraint.ConstraintLayout
                android:id="@+id/likeInfo"
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent">
                <ImageView
                    android:id="@+id/likeIcon"
                    android:layout_width="16dp"
                    android:layout_height="16dp"
                    android:background="@drawable/app_talk_main_list_zan_icon"
                    android:contentDescription="点赞图片"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toLeftOf="@+id/likeNum"
                    app:layout_constraintTop_toTopOf="parent" />
                <TextView
                    android:id="@+id/likeNum"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingLeft="5dp"
                    android:textColor="#888888"
                    android:textSize="13sp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toRightOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:text="11W" />
            </android.support.constraint.ConstraintLayout>
        </android.support.constraint.ConstraintLayout>
    </android.support.constraint.ConstraintLayout>
    <android.support.constraint.ConstraintLayout
        android:id="@+id/topic_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">
        <ImageView
            android:id="@+id/topicCoverImage"
            android:layout_width="168dp"
            android:layout_height="147dp"
            android:contentDescription="话题图片"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:srcCompat="@tools:sample/avatars[7]" />
        <ImageView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:alpha="0.5"
            android:background="#000000"
            android:contentDescription="话题遮罩"
            app:layout_constraintBottom_toBottomOf="@+id/topicCoverImage"
            app:layout_constraintLeft_toLeftOf="@+id/topicCoverImage"
            app:layout_constraintRight_toRightOf="@+id/topicCoverImage"
            app:layout_constraintTop_toTopOf="@id/topicCoverImage" />
        <TextView
            android:id="@+id/topicTitle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:ellipsize="end"
            android:maxLines="3"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:textColor="#ffffff"
            android:textSize="15sp"
            app:layout_constraintBottom_toBottomOf="@+id/topicCoverImage"
            app:layout_constraintLeft_toLeftOf="@+id/topicCoverImage"
            app:layout_constraintRight_toRightOf="@+id/topicCoverImage"
            app:layout_constraintTop_toTopOf="@id/topicCoverImage"
            tools:text="新能源汽车发展趋势" />
    </android.support.constraint.ConstraintLayout>
</android.support.constraint.ConstraintLayout>

app/src/main/res/layout/activity_topic_detail.xml

@@ -11,6 +11,7 @@
        android:id="@+id/navBar"
        android:layout_width="0dp"
        android:layout_height="44dp"
        android:background="#ffffff"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

app/src/main/res/layout/activity_topic_detail_header.xml

@@ -2,6 +2,7 @@
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/topicDetailHeader"
    android:layout_width="match_parent"
    android:layout_height="260dp">
@@ -24,7 +25,7 @@
            tools:srcCompat="@tools:sample/avatars" />
        <TextView
            android:id="@+id/title"
            android:id="@+id/name"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_marginStart="5dp"
@@ -49,6 +50,7 @@
            android:layout_marginStart="15dp"
            android:layout_marginTop="15dp"
            android:layout_marginEnd="15dp"
            android:ellipsize="end"
            android:maxLines="3"
            android:textColor="#555555"
            android:textSize="15sp"
@@ -70,7 +72,7 @@
            app:layout_constraintStart_toStartOf="parent" />
        <TextView
            android:id="@+id/readTextView"
            android:id="@+id/read"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="5dp"
@@ -90,17 +92,17 @@
            android:text="参与"
            android:textColor="#555555"
            android:textSize="12sp"
            app:layout_constraintBottom_toBottomOf="@+id/readTextView"
            app:layout_constraintStart_toEndOf="@+id/readTextView"
            app:layout_constraintTop_toTopOf="@+id/readTextView" />
            app:layout_constraintBottom_toBottomOf="@+id/read"
            app:layout_constraintStart_toEndOf="@+id/read"
            app:layout_constraintTop_toTopOf="@+id/read" />
        <TextView
            android:id="@+id/joinTextView"
            android:id="@+id/join"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="5dp"
            android:gravity="center_vertical"
            android:text="32"
            tools:text="32"
            android:textColor="#555555"
            android:textSize="12sp"
            app:layout_constraintBottom_toBottomOf="@+id/joinLabel"
@@ -108,12 +110,45 @@
            app:layout_constraintTop_toTopOf="@+id/joinLabel" />
    </android.support.constraint.ConstraintLayout>
    <LinearLayout
    <android.support.constraint.ConstraintLayout
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:background="#ff00ff"
        android:background="#ffffff"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"></LinearLayout>
        app:layout_constraintStart_toStartOf="parent">
        <android.support.constraint.ConstraintLayout
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">
            <TextView
                android:id="@+id/sortTextView"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center_vertical"
                android:text="最新发布"
                android:textColor="#02B637"
                android:textSize="12sp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />
            <ImageView
                android:id="@+id/sortCursor"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/app_topic_detaic_popup_icon"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toRightOf="@+id/sortTextView"
                app:layout_constraintTop_toTopOf="parent" />
        </android.support.constraint.ConstraintLayout>
    </android.support.constraint.ConstraintLayout>
</android.support.constraint.ConstraintLayout>

build.gradle

@@ -8,8 +8,7 @@ buildscript {
//        appKey = 'mnhwhy8jP7Fq2G6b' // 注册时分配的App Key
//    }
    repositories {
        maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/' }
        maven{ url 'https://maven.aliyun.com/repository/google' }
        jcenter()
        google()
    }
@@ -24,8 +23,6 @@ buildscript {
}
allprojects {
    repositories {
        maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/' }
        maven{ url 'https://maven.aliyun.com/repository/google' }
        jcenter()
        google()
        maven { url "https://jitpack.io" }