仿淘宝、京东商品详情页、视频悬浮效果、tab吸顶效果

最新推荐文章于 2020-12-26 16:37:20 发布

巴山有雨

最新推荐文章于 2020-12-26 16:37:20 发布

阅读量1.3k

点赞数

分类专栏： AndroidDemo 文章标签： android

本文链接：https://blog.csdn.net/weixin_39592302/article/details/108538327

版权

本文介绍了如何在Android中仿制淘宝、京东商品详情页，包括视频和图片的横向Banner浏览，视频播放的全屏及悬浮效果，以及tab吸顶功能。使用了GSYVideoPlayer作为视频播放器，XPopup实现图片放大，并通过RecyclerView构建商品Banner效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是仿照淘宝的商品浏览详情页，主要实现的效果有：

视频和图片横向Banner浏览效果
视频播放全屏和小窗悬浮效果
tab吸顶效果

这是效果实例图：
在这里插入图片描述

具体完整代码，可以下载链接: Demo工程.自行运行查看
布局文件：使用的是

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tl="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff2f2f2"
    android:orientation="vertical"
    >
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    <com.example.tbaoproductdetaildemo.SuperSwipeRefreshLayout
        android:id="@+id/swipe_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:addStatesFromChildren="true"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">


            <androidx.coordinatorlayout.widget.CoordinatorLayout
                android:id="@+id/coordinator_layo

最低0.47元/天解锁文章