照片列表开发

app/build.gradle

@@ -285,4 +285,5 @@ dependencies {
    compile 'net.zetetic:android-database-sqlcipher:3.5.7@aar'
    compile 'com.shuyu:GSYVideoPlayer:5.0.2'
    compile 'com.github.chrisbanes:PhotoView:2.0.0'
}

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

@@ -14,10 +14,12 @@ import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.text.method.ScrollingMovementMethod;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewTreeObserver;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.TextView;
@@ -25,9 +27,11 @@ import android.widget.Toast;
import com.blankj.utilcode.util.NetworkUtils;
import com.electric.chargingpile.R;
import com.electric.chargingpile.adapter.ChatPhotoFragmentPagerAdapter;
import com.electric.chargingpile.application.MainApplication;
import com.electric.chargingpile.data.ChatBeanLab;
import com.electric.chargingpile.data.ChatRecommendBean;
import com.electric.chargingpile.fragment.ChatPhotoFragment;
import com.electric.chargingpile.iview.ChatVerticalViewPager;
import com.electric.chargingpile.manager.ProfileManager;
import com.electric.chargingpile.util.CircleTransform;
@@ -51,7 +55,9 @@ import com.zhy.http.okhttp.callback.StringCallback;
import org.w3c.dom.Text;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import okhttp3.Call;
@@ -77,7 +83,7 @@ public class ChatContentListActivity extends AppCompatActivity {
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case UPDATE_VERTICAL_VIEW_PAGER_SCROLL:
                    boolean isScroll = (boolean)msg.obj;
                    boolean isScroll = (boolean) msg.obj;
                    verticalViewPager.setScroll(isScroll);
                    break;
            }
@@ -201,9 +207,11 @@ public class ChatContentListActivity extends AppCompatActivity {
        public Map<String, ChatContentFragment> map = new HashMap<>();
        private Handler handler;
        private FragmentManager fm;
        public ChatContentAdapter(FragmentManager fm, Handler handler) {
            super(fm);
            this.fm = fm;
            this.handler = handler;
        }
@@ -211,6 +219,7 @@ public class ChatContentListActivity extends AppCompatActivity {
        public android.support.v4.app.Fragment getItem(int i) {
            ChatContentFragment fragment = ChatContentFragment.newInstance(i, from);
            fragment.handler = handler;
            fragment.fm = fm;
            map.put(i + "", fragment);
            return fragment;
        }
@@ -223,6 +232,7 @@ public class ChatContentListActivity extends AppCompatActivity {
    public static class ChatContentFragment extends Fragment implements View.OnClickListener {
        private FragmentManager fm;
        private Handler handler;
        private static final String ARG_INDEX = "index";
        private static final String ARG_FROM = "from";
@@ -248,6 +258,9 @@ public class ChatContentListActivity extends AppCompatActivity {
        private TextView commentNumber;
        private ConstraintLayout allComments;
        private ConstraintLayout allCommentsContainer;
        private ViewPager photoPager;
        private ConstraintLayout bottomView;
        private TextView navTitle;
        public static ChatContentFragment newInstance(int index, String from) {
            ChatContentFragment fragment = new ChatContentFragment();
@@ -274,13 +287,13 @@ public class ChatContentListActivity extends AppCompatActivity {
            if (bean != null) {
                if (bean.targetType == ChatRecommendBean.TARGET_TYPE_VIDEO) {
                    rootView = inflater.inflate(R.layout.fragment_chat_content_video, container, false);
                    initVideoView(rootView, bean);
                    initCommonView(rootView, bean);
                    initVideoView(rootView, bean);
                    initListener(rootView, bean);
                } else if (bean.targetType == ChatRecommendBean.TARGET_TYPE_IMAGE_TEXT) {
                    rootView = inflater.inflate(R.layout.fragment_chat_content_pictures, container, false);
                    initPicturesView(rootView, bean);
                    initCommonView(rootView, bean);
                    initPicturesView(rootView, bean);
                    initListener(rootView, bean);
                }
            }
@@ -404,7 +417,7 @@ public class ChatContentListActivity extends AppCompatActivity {
                    allCommentsContainer.setVisibility(View.GONE);
                    break;
                case R.id.bWriteComment: // 写评论
                    
                    break;
            }
        }
@@ -422,6 +435,7 @@ public class ChatContentListActivity extends AppCompatActivity {
        }
        private void initCommonView(final View rootView, final ChatRecommendBean bean) {
            bottomView = rootView.findViewById(R.id.bottomView);
            statusBar = rootView.findViewById(R.id.statusBar);
            likeLabel = rootView.findViewById(R.id.likeLabel);
            likeIcon = rootView.findViewById(R.id.likeIcon);
@@ -595,7 +609,38 @@ public class ChatContentListActivity extends AppCompatActivity {
            }
        }
        private void initPicturesView(View rootView, ChatRecommendBean bean) {
        private void initPicturesView(View rootView, final ChatRecommendBean bean) {
            photoPager = rootView.findViewById(R.id.photoPager);
            navTitle = rootView.findViewById(R.id.navTitle);
            if (bean.imgUrls != null && bean.imgUrls.size() > 0) {
                navTitle.setText("1/" + bean.imgUrls.size());
            } else {
                navTitle.setText("");
            }
            List<ChatPhotoFragment> chatPhotoFragments = new ArrayList<>();
            for (String url : bean.imgUrls) {
                ChatPhotoFragment fragment = ChatPhotoFragment.newInstance(url);
                chatPhotoFragments.add(fragment);
            }
            ChatPhotoFragmentPagerAdapter chatPhotoFragmentPagerAdapter = new ChatPhotoFragmentPagerAdapter(fm, chatPhotoFragments);
            photoPager.setAdapter(chatPhotoFragmentPagerAdapter);
            photoPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                    navTitle.setText(position + 1 + "/" + bean.imgUrls.size());
                }
                @Override
                public void onPageSelected(int position) {
                }
                @Override
                public void onPageScrollStateChanged(int state) {
                }
            });
        }
        private void setVideoAllCallBack() {

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

@@ -0,0 +1,29 @@
package com.electric.chargingpile.adapter;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import com.electric.chargingpile.fragment.ChatPhotoFragment;
import java.util.ArrayList;
import java.util.List;
public class ChatPhotoFragmentPagerAdapter extends FragmentPagerAdapter {
    private List<ChatPhotoFragment> fragments = new ArrayList<>();
    public ChatPhotoFragmentPagerAdapter(FragmentManager fm, List<ChatPhotoFragment> fragments) {
        super(fm);
        this.fragments = fragments;
    }
    @Override
    public Fragment getItem(int i) {
        return fragments.get(i);
    }
    @Override
    public int getCount() {
        return fragments.size();
    }
}

app/src/main/java/com/electric/chargingpile/fragment/ChatPhotoFragment.java

@@ -0,0 +1,67 @@
package com.electric.chargingpile.fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import com.electric.chargingpile.R;
import com.github.chrisbanes.photoview.PhotoView;
public class ChatPhotoFragment extends Fragment {
    private static final String TAG = "ChatPhotoFragment";
    private static final String ARG_URL = "url";
    public static ChatPhotoFragment newInstance(String url) {
        ChatPhotoFragment fragment = new ChatPhotoFragment();
        Bundle args = new Bundle();
        args.putString(ARG_URL, url);
        fragment.setArguments(args);
        return fragment;
    }
    public ChatPhotoFragment() {
    }
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        String url = getArguments().getString(ARG_URL);
        View rootView = inflater.inflate(R.layout.fragment_chat_photo, container, false);
        initView(rootView, url);
        return rootView;
    }
    private void initView(View rootView,String url) {
        final PhotoView photoView = rootView.findViewById(R.id.photoView);
        photoView.setImageResource(R.drawable.bg_guide_one);
//        photoView.setScaleType(ImageView.ScaleType.FIT_XY);
        photoView.setOnDoubleTapListener(new GestureDetector.OnDoubleTapListener() {
            @Override
            public boolean onSingleTapConfirmed(MotionEvent motionEvent) {
                return false;
            }
            @Override
            public boolean onDoubleTap(MotionEvent motionEvent) {
                if (photoView.getScaleType() == ImageView.ScaleType.FIT_CENTER) {
                    photoView.setScaleType(ImageView.ScaleType.FIT_START);
                }
                Log.d(TAG, "onDoubleTap: " + photoView.getScaleType());
                return false;
            }
            @Override
            public boolean onDoubleTapEvent(MotionEvent motionEvent) {
                return false;
            }
        });
    }
}

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

@@ -6,7 +6,360 @@
    android:layout_height="match_parent"
    android:background="#990545">
    <include layout="@layout/fragment_chat_content_common" />
    <android.support.v4.view.ViewPager
        android:id="@+id/photoPager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@+id/bottomView"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/navBar"
        tools:background="#66bd00"></android.support.v4.view.ViewPager>
    <!--<include layout="@layout/fragment_chat_content_common" />-->
    <android.support.constraint.ConstraintLayout
        android:id="@+id/statusBar"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:background="#76daff" />
    <!-- 导航栏 -->
    <android.support.constraint.ConstraintLayout
        android:id="@+id/navBar"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/statusBar"
        tools:background="#DC7633">
        <ImageView
            android:id="@+id/backIcon"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:src="@drawable/app_white_back_icon"
            app:layout_constraintLeft_toLeftOf="parent" />
        <ImageView
            android:id="@+id/moreIcon"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:src="@drawable/app_header_more_icon"
            app:layout_constraintRight_toRightOf="parent" />
        <TextView
            android:id="@+id/navTitle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:textColor="#ffffff"
            android:textSize="16dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toRightOf="@+id/backIcon"
            app:layout_constraintRight_toLeftOf="@+id/moreIcon"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="1/4" />
    </android.support.constraint.ConstraintLayout>
    <!-- 底部视图 -->
    <android.support.constraint.ConstraintLayout
        android:id="@+id/bottomView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="-40dp"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:background="#f38654">
        <!-- 主题信息及关闭按钮 -->
        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="52dp"
            app:layout_constraintBottom_toTopOf="@+id/userInfo"
            tools:background="#39bd00">
            <android.support.constraint.ConstraintLayout
                android:id="@+id/topicInfo"
                android:layout_width="wrap_content"
                android:layout_height="30dp"
                android:layout_marginLeft="15dp"
                android:background="@drawable/topic_shape"
                android:paddingLeft="12dp"
                android:paddingRight="12dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:background="#ff967d">
                <ImageView
                    android:id="@+id/topicIcon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/topic_icon"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />
                <TextView
                    android:id="@+id/topicTitle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingLeft="5dp"
                    android:textColor="#ffffff"
                    android:textSize="11sp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toRightOf="@+id/topicIcon"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:text="#新能源#" />
            </android.support.constraint.ConstraintLayout>
            <ImageView
                android:id="@+id/closeUnfold"
                android:layout_width="22dp"
                android:layout_height="22dp"
                android:layout_margin="15dp"
                android:src="@drawable/icon_close"
                android:visibility="gone"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:background="#013369"
                tools:visibility="visible" />
        </android.support.constraint.ConstraintLayout>
        <!-- 用户信息 -->
        <android.support.constraint.ConstraintLayout
            android:id="@+id/userInfo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:paddingLeft="15dp"
            app:layout_constraintBottom_toTopOf="@+id/msgContainer"
            app:layout_constraintLeft_toLeftOf="parent"
            tools:background="#33ccff">
            <ImageView
                android:id="@+id/headImage"
                android:layout_width="20dp"
                android:layout_height="20dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:srcCompat="@tools:sample/avatars[1]" />
            <android.support.constraint.ConstraintLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toRightOf="@+id/headImage"
                app:layout_constraintTop_toTopOf="parent">
                <TextView
                    android:id="@+id/nickName"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="#ffffff"
                    android:textSize="12sp"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:text="小电" />
                <TextView
                    android:id="@+id/addDate"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="#888888"
                    android:textSize="12sp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/nickName"
                    tools:text="2019-05-29 16:28" />
            </android.support.constraint.ConstraintLayout>
        </android.support.constraint.ConstraintLayout>
        <!-- 信息 -->
        <android.support.constraint.ConstraintLayout
            android:id="@+id/msgContainer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintBottom_toTopOf="@+id/progressBar">
            <TextView
                android:id="@+id/msg"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginRight="30dp"
                android:ellipsize="end"
                android:paddingLeft="40dp"
                android:paddingRight="10dp"
                android:paddingBottom="25dp"
                android:scrollbarStyle="outsideOverlay"
                android:scrollbars="vertical"
                android:textColor="#e2e2e2"
                android:textSize="14sp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:text="迪克啥看来当减肥考虑送到,迪克啥看来当减肥考虑送到迪克啥看来当减肥考虑送到" />
            <ImageView
                android:id="@+id/fold"
                android:layout_width="42dp"
                android:layout_height="62dp"
                android:paddingLeft="15dp"
                android:paddingTop="25dp"
                android:paddingRight="15dp"
                android:paddingBottom="25dp"
                android:src="@drawable/unfold_icon"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintRight_toRightOf="parent" />
        </android.support.constraint.ConstraintLayout>
        <!-- 自定义进度条 -->
        <ProgressBar
            android:id="@+id/progressBar"
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:max="100"
            android:progressDrawable="@drawable/video_player_progressbar"
            app:layout_constraintBottom_toTopOf="@+id/toolBar"
            tools:progress="50" />
        <!-- 底部工具栏 -->
        <android.support.constraint.ConstraintLayout
            android:id="@+id/toolBar"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            app:layout_constraintBottom_toBottomOf="parent"
            tools:background="#00aee6">
            <!-- 写评论-->
            <android.support.constraint.ConstraintLayout
                android:id="@+id/writeComment"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"
                app:layout_constraintLeft_toLeftOf="parent">
                <ImageView
                    android:id="@+id/WriteCommentIcon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    app:srcCompat="@drawable/write_comment_icon" />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:text="写评论"
                    android:textColor="#c2c2c2"
                    android:textSize="12sp"
                    app:layout_constraintLeft_toRightOf="@+id/WriteCommentIcon" />
            </android.support.constraint.ConstraintLayout>
            <!-- 转发 -->
            <android.support.constraint.ConstraintLayout
                android:id="@+id/transmit"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"
                app:layout_constraintRight_toRightOf="parent">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingRight="3dp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toLeftOf="@+id/transmitLabel"
                    app:layout_constraintTop_toTopOf="parent"
                    app:srcCompat="@drawable/transmit_icon" />
                <TextView
                    android:id="@+id/transmitLabel"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:text="转发"
                    android:textColor="#888888"
                    android:textSize="12sp"
                    app:layout_constraintRight_toRightOf="parent" />
            </android.support.constraint.ConstraintLayout>
            <!-- 评论列表 -->
            <android.support.constraint.ConstraintLayout
                android:id="@+id/comment"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"
                app:layout_constraintRight_toLeftOf="@+id/transmit">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/comment_icon"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toLeftOf="@+id/commentNumber"
                    app:layout_constraintTop_toTopOf="parent" />
                <TextView
                    android:id="@+id/commentNumber"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:textColor="#888888"
                    android:textSize="12sp"
                    app:layout_constraintRight_toRightOf="parent"
                    tools:text="123" />
            </android.support.constraint.ConstraintLayout>
            <!-- 点赞 -->
            <android.support.constraint.ConstraintLayout
                android:id="@+id/like"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                app:layout_constraintRight_toLeftOf="@+id/comment">
                <ImageView
                    android:id="@+id/likeIcon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/like_icon"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toLeftOf="@+id/likeLabel"
                    app:layout_constraintTop_toTopOf="parent" />
                <TextView
                    android:id="@+id/likeLabel"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:textColor="#888888"
                    android:textSize="12sp"
                    app:layout_constraintRight_toRightOf="parent"
                    tools:text="999+" />
            </android.support.constraint.ConstraintLayout>
        </android.support.constraint.ConstraintLayout>
    </android.support.constraint.ConstraintLayout>
    <include
        layout="@layout/fragment_chat_content_comment_list"

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

@@ -44,7 +44,338 @@
    </android.support.constraint.ConstraintLayout>
    <include layout="@layout/fragment_chat_content_common" />
    <!--<include layout="@layout/fragment_chat_content_common" />-->
    <android.support.constraint.ConstraintLayout
        android:id="@+id/statusBar"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        tools:background="#76daff"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <!-- 导航栏 -->
    <android.support.constraint.ConstraintLayout
        android:id="@+id/navBar"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/statusBar"
        tools:background="#DC7633">
        <ImageView
            android:id="@+id/backIcon"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:src="@drawable/app_white_back_icon"
            app:layout_constraintLeft_toLeftOf="parent" />
        <ImageView
            android:id="@+id/moreIcon"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:src="@drawable/app_header_more_icon"
            app:layout_constraintRight_toRightOf="parent" />
    </android.support.constraint.ConstraintLayout>
    <!-- 底部视图 -->
    <android.support.constraint.ConstraintLayout
        android:id="@+id/bottomView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="-40dp"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:background="#f38654">
        <!-- 主题信息及关闭按钮 -->
        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="52dp"
            app:layout_constraintBottom_toTopOf="@+id/userInfo"
            tools:background="#39bd00">
            <android.support.constraint.ConstraintLayout
                android:id="@+id/topicInfo"
                android:layout_width="wrap_content"
                android:layout_height="30dp"
                android:layout_marginLeft="15dp"
                android:background="@drawable/topic_shape"
                android:paddingLeft="12dp"
                android:paddingRight="12dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:background="#ff967d">
                <ImageView
                    android:id="@+id/topicIcon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/topic_icon"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />
                <TextView
                    android:id="@+id/topicTitle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingLeft="5dp"
                    android:textColor="#ffffff"
                    android:textSize="11sp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toRightOf="@+id/topicIcon"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:text="#新能源#" />
            </android.support.constraint.ConstraintLayout>
            <ImageView
                android:id="@+id/closeUnfold"
                android:layout_width="22dp"
                android:layout_height="22dp"
                android:layout_margin="15dp"
                android:src="@drawable/icon_close"
                android:visibility="gone"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:background="#013369"
                tools:visibility="visible" />
        </android.support.constraint.ConstraintLayout>
        <!-- 用户信息 -->
        <android.support.constraint.ConstraintLayout
            android:id="@+id/userInfo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:paddingLeft="15dp"
            app:layout_constraintBottom_toTopOf="@+id/msgContainer"
            app:layout_constraintLeft_toLeftOf="parent"
            tools:background="#33ccff">
            <ImageView
                android:id="@+id/headImage"
                android:layout_width="20dp"
                android:layout_height="20dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:srcCompat="@tools:sample/avatars[1]" />
            <android.support.constraint.ConstraintLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toRightOf="@+id/headImage"
                app:layout_constraintTop_toTopOf="parent">
                <TextView
                    android:id="@+id/nickName"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="#ffffff"
                    android:textSize="12sp"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:text="小电" />
                <TextView
                    android:id="@+id/addDate"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="#888888"
                    android:textSize="12sp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/nickName"
                    tools:text="2019-05-29 16:28" />
            </android.support.constraint.ConstraintLayout>
        </android.support.constraint.ConstraintLayout>
        <!-- 信息 -->
        <android.support.constraint.ConstraintLayout
            android:id="@+id/msgContainer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintBottom_toTopOf="@+id/progressBar">
            <TextView
                android:id="@+id/msg"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginRight="30dp"
                android:ellipsize="end"
                android:paddingLeft="40dp"
                android:paddingRight="10dp"
                android:paddingBottom="25dp"
                android:scrollbarStyle="outsideOverlay"
                android:scrollbars="vertical"
                android:textColor="#e2e2e2"
                android:textSize="14sp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:text="迪克啥看来当减肥考虑送到,迪克啥看来当减肥考虑送到迪克啥看来当减肥考虑送到" />
            <ImageView
                android:id="@+id/fold"
                android:layout_width="42dp"
                android:layout_height="62dp"
                android:paddingLeft="15dp"
                android:paddingTop="25dp"
                android:paddingRight="15dp"
                android:paddingBottom="25dp"
                android:src="@drawable/unfold_icon"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintRight_toRightOf="parent" />
        </android.support.constraint.ConstraintLayout>
        <!-- 自定义进度条 -->
        <ProgressBar
            android:id="@+id/progressBar"
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:max="100"
            android:progressDrawable="@drawable/video_player_progressbar"
            app:layout_constraintBottom_toTopOf="@+id/toolBar"
            tools:progress="50" />
        <!-- 底部工具栏 -->
        <android.support.constraint.ConstraintLayout
            android:id="@+id/toolBar"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            app:layout_constraintBottom_toBottomOf="parent"
            tools:background="#00aee6">
            <!-- 写评论-->
            <android.support.constraint.ConstraintLayout
                android:id="@+id/writeComment"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"
                app:layout_constraintLeft_toLeftOf="parent">
                <ImageView
                    android:id="@+id/WriteCommentIcon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    app:srcCompat="@drawable/write_comment_icon" />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:text="写评论"
                    android:textColor="#c2c2c2"
                    android:textSize="12sp"
                    app:layout_constraintLeft_toRightOf="@+id/WriteCommentIcon" />
            </android.support.constraint.ConstraintLayout>
            <!-- 转发 -->
            <android.support.constraint.ConstraintLayout
                android:id="@+id/transmit"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"
                app:layout_constraintRight_toRightOf="parent">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingRight="3dp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toLeftOf="@+id/transmitLabel"
                    app:layout_constraintTop_toTopOf="parent"
                    app:srcCompat="@drawable/transmit_icon" />
                <TextView
                    android:id="@+id/transmitLabel"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:text="转发"
                    android:textColor="#888888"
                    android:textSize="12sp"
                    app:layout_constraintRight_toRightOf="parent" />
            </android.support.constraint.ConstraintLayout>
            <!-- 评论列表 -->
            <android.support.constraint.ConstraintLayout
                android:id="@+id/comment"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"
                app:layout_constraintRight_toLeftOf="@+id/transmit">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/comment_icon"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toLeftOf="@+id/commentNumber"
                    app:layout_constraintTop_toTopOf="parent" />
                <TextView
                    android:id="@+id/commentNumber"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:textColor="#888888"
                    android:textSize="12sp"
                    app:layout_constraintRight_toRightOf="parent"
                    tools:text="123" />
            </android.support.constraint.ConstraintLayout>
            <!-- 点赞 -->
            <android.support.constraint.ConstraintLayout
                android:id="@+id/like"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                app:layout_constraintRight_toLeftOf="@+id/comment">
                <ImageView
                    android:id="@+id/likeIcon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/like_icon"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toLeftOf="@+id/likeLabel"
                    app:layout_constraintTop_toTopOf="parent" />
                <TextView
                    android:id="@+id/likeLabel"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:paddingLeft="3dp"
                    android:textColor="#888888"
                    android:textSize="12sp"
                    app:layout_constraintRight_toRightOf="parent"
                    tools:text="999+" />
            </android.support.constraint.ConstraintLayout>
        </android.support.constraint.ConstraintLayout>
    </android.support.constraint.ConstraintLayout>
    <include
        layout="@layout/fragment_chat_content_comment_list"

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

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<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="match_parent"
    android:layout_height="match_parent">
    <com.github.chrisbanes.photoview.PhotoView
        android:id="@+id/photoView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</android.support.constraint.ConstraintLayout>