播放视频和直播的详情页面效果:
视频和直播的详情页面一样:
直播是在视频的基础上改动的:
<com.shuyu.gsyvideoplayer.video.StandardGSYVideoPlayer android:id="@+id/gsy" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toBottomOf="parent" android:layout_width="match_parent" android:layout_height="wrap_content"/> <!--最右面--> <ImageView android:id="@+id/iv_rotate" android:src="@drawable/ic_launcher_background" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintRight_toRightOf="parent" android:layout_marginBottom="@dimen/dp_20" android:layout_marginRight="@dimen/dp_20" android:background="@drawable/shape_tuijian_tou" android:layout_width="@dimen/dp_40" android:layout_height="@dimen/dp_40"/> <TextView android:id="@+id/tv_share" android:text="1.2万" android:textSize="@dimen/sp_15" android:textColor="@color/white" android:layout_marginBottom="@dimen/dp_20" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/iv_rotate" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <ImageView android:id="@+id/iv_share" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/tv_share" android:layout_marginBottom="@dimen/dp_5" android:src="@drawable/ic_fenxiang" android:layout_width="@dimen/dp_30" android:layout_height="@dimen/dp_30"/> <TextView android:id="@+id/tv_collect" android:text="1.8万" android:textSize="@dimen/sp_15" android:textColor="@color/white" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/iv_share" android:layout_marginBottom="@dimen/dp_20" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <ImageView android:id="@+id/iv_collect" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/tv_collect" android:layout_marginBottom="@dimen/dp_5" android:src="@drawable/ic_shoucang" android:layout_width="@dimen/dp_30" android:layout_height="@dimen/dp_30"/> <TextView android:id="@+id/tv_comment" android:text="2.0万" android:textSize="@dimen/sp_15" android:textColor="@color/white" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/iv_collect" android:layout_marginBottom="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <ImageView android:id="@+id/iv_comment" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/tv_comment" android:layout_marginBottom="@dimen/dp_5" android:src="@drawable/ic_pinglun" android:layout_width="@dimen/dp_30" android:layout_height="@dimen/dp_30"/> <TextView android:id="@+id/tv_like" android:text="26.9万" android:textSize="@dimen/sp_15" android:textColor="@color/white" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/iv_comment" android:layout_marginBottom="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <ImageView android:id="@+id/iv_like" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/tv_like" android:layout_marginBottom="@dimen/dp_5" android:src="@drawable/ic_border" android:layout_width="@dimen/dp_30" android:layout_height="@dimen/dp_30"/> <ImageView android:id="@+id/iv_head" android:src="@drawable/ic_mine" android:background="@drawable/shape_tuijian_tou" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/iv_like" android:layout_marginBottom="20dp" android:layout_width="@dimen/dp_40" android:layout_height="@dimen/dp_40"/> <ImageView android:id="@+id/iv_focus" android:src="@drawable/ic_add" android:background="@drawable/shape_tuijian_add" app:layout_constraintRight_toRightOf="@id/iv_rotate" app:layout_constraintLeft_toLeftOf="@id/iv_rotate" app:layout_constraintBottom_toTopOf="@id/iv_like" android:layout_marginBottom="@dimen/sp_15" android:layout_width="@dimen/dp_20" android:layout_height="@dimen/dp_20"/> <!--最左面--> <TextView android:id="@+id/tv_marquee" android:text="常青书的创作:" android:textColor="@color/white" android:textSize="@dimen/sp_15" android:singleLine="true" android:ellipsize="marquee" android:focusable="true" android:focusableInTouchMode="true" android:marqueeRepeatLimit="marquee_forever" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintBottom_toBottomOf="parent" android:layout_marginBottom="@dimen/dp_20" android:layout_marginLeft="@dimen/dp_20" android:layout_width="@dimen/dp_150" android:layout_height="wrap_content"/> <TextView android:id="@+id/tv_caption" android:singleLine="true" android:ellipsize="end" android:text="对方让他功夫格斗,第三个天寒地冻#八维学生" android:textColor="@color/white" android:textSize="@dimen/sp_15" app:layout_constraintLeft_toLeftOf="@id/tv_marquee" app:layout_constraintBottom_toTopOf="@id/tv_marquee" android:layout_marginBottom="@dimen/dp_5" android:layout_width="@dimen/dp_200" android:layout_height="wrap_content"/> <TextView android:id="@+id/tv_user" android:text="常青书" android:textSize="@dimen/sp_20" android:textColor="@color/white" app:layout_constraintLeft_toLeftOf="@id/tv_marquee" app:layout_constraintBottom_toTopOf="@id/tv_caption" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <androidx.constraintlayout.widget.ConstraintLayout app:layout_constraintLeft_toLeftOf="@id/tv_marquee" app:layout_constraintBottom_toTopOf="@id/tv_user" android:layout_marginTop="@dimen/dp_5" android:background="@drawable/shape_tuijian_dingwei" android:layout_width="wrap_content" android:layout_height="@dimen/dp_30"> <ImageView android:id="@+id/iv_locate" android:src="@drawable/ic_dingwei" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintTop_toTopOf="parent" android:layout_width="@dimen/dp_30" android:layout_height="@dimen/dp_30"/> <TextView android:id="@+id/tv_locate" android:text="天津八维培训学校" android:textColor="@color/white" android:textSize="@dimen/sp_15" app:layout_constraintLeft_toRightOf="@id/iv_locate" app:layout_constraintTop_toTopOf="@id/iv_locate" app:layout_constraintBottom_toBottomOf="@id/iv_locate" android:layout_marginLeft="@dimen/dp_10" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </androidx.constraintlayout.widget.ConstraintLayout> <!--中间位置--> <androidx.constraintlayout.widget.ConstraintLayout app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintBottom_toBottomOf="parent" android:layout_marginBottom="@dimen/dp_400" android:background="@drawable/shape_tuijian_quan_jin" android:layout_width="wrap_content" android:layout_height="@dimen/dp_40"> <ImageView android:id="@+id/iv_full" android:src="@drawable/ic_hengping" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintLeft_toLeftOf="parent" android:layout_width="@dimen/dp_30" android:layout_height="@dimen/dp_30"/> <TextView android:id="@+id/tv_full" android:text="全屏播放" android:textColor="@color/white" android:textSize="@dimen/sp_20" android:layout_marginLeft="@dimen/dp_15" app:layout_constraintTop_toTopOf="@id/iv_full" app:layout_constraintLeft_toRightOf="@id/iv_full" app:layout_constraintBottom_toBottomOf="@id/iv_full" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>