shu3.xml:<?xml version="1.0" encoding="utf
-8"?>
<
android.support.constraint.Constraint
Layout 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"
android:background="@drawable/gradient_background"
tools:context=".ShuHai3Activity">
<!
-- Toolbar
-->
<
RelativeLayout
android:id="@+id/toolbar"
android:
layout_width="0dp"
android:
layout_
height="
wrap_
content"
app:
layout_constraintEnd_toEndOf="parent"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintTop_toTopOf="parent">
<Button
android:id="@+id/back_button4"
android:
layout_width="
wrap_
content"
android:
layout_
height="
wrap_
content"
android:
layout_alignParentStart="true"
android:
layout_marginStart="8dp"
android:
layout_marginTop="8dp"
android:
layout_marginEnd="8dp"
android:
layout_marginBottom="8dp"
android:background="@
android:color/transparent"
android:
contentDescription="返回上一页"
android:foreground="?
android:attr/selectableItemBackground"
android:text="返回"
android:textColor="@
android:color/white"
android:textSize="19dp" />
</
RelativeLayout>
<!
-- 播放视频区域
-->
<!
-- 时间线和缩略图区域
-->
<Frame
Layout
android:id="@+id/video_container"
android:
layout_width="0dp"
android:
layout_
height="0dp"
app:
layout_constraint
Height_percent="0.55"
android:background="@
android:color/black"
app:
layout_constraintBottom_toTopOf="@id/thumbnail_scrollview"
app:
layout_constraintEnd_toEndOf="parent"
app:
layout_constraintHorizontal_bias="0.6"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintTop_toBottomOf="@id/toolbar"
app:
layout_constraintVertical_bias="0.0">
<!
-- 模拟萤石播放加载动画
-->
<ProgressBar
android:id="@+id/video_loading"
android:
layout_width="
wrap_
content"
android:
layout_
height="
wrap_
content"
android:
layout_gravity="center" />
<!
-- 视频播放View，可以替换成具体的视频播放控件
-->
<VideoView
android:id="@+id/video_view"
android:
layout_width="match_parent"
android:
layout_
height="match_parent"
android:gravity="center"
android:text="视频播放区域"
android:textColor="@
android:color/white"
android:visibility="visible" />
</Frame
Layout>
<ScrollView
android:id="@+id/thumbnail_scrollview"
android:
layout_width="0dp"
android:
layout_
height="0dp"
app:
layout_constraint
Height_percent="0.45"
android:fillViewport="true"
app:
layout_constraintBottom_toBottomOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintTop_toBottomOf="@id/video_container">
<Linear
Layout
android:
layout_width="match_parent"
android:
layout_
height="
wrap_
content"
android:orientation="vertical">
<
android.support.v7.widget.Grid
Layout
android:id="@+id/grid
Layout"
android:
layout_width="match_parent"
android:
layout_
height="
wrap_
content"
app:columnCount="2"
app:rowCount="0"
app:alignmentMode="alignBounds"
app:useDefaultMargins="true"
android:padding="8dp">
<!
-- 多个缩略图子项
-->
<!
-- <ImageView
-->
<!
-- android:
layout_width="0dp"
-->
<!
-- android:
layout_
height="
wrap_
content"
-->
<!
-- app:
layout_columnWeight="1"
-->
<!
-- android:
layout_margin="4dp"
-->
<!
-- android:adjustViewBounds="true"
-->
<!
-- android:
contentDescription="萤石缩略图"
-->
<!
-- android:src="@drawable/default_thumbnail" />
-->
<!
-- <ImageView
-->
<!
-- android:
layout_width="0dp"
-->
<!
-- android:
layout_
height="
wrap_
content"
-->
<!
-- app:
layout_columnWeight="1"
-->
<!
-- android:
layout_margin="4dp"
-->
<!
-- android:adjustViewBounds="true"
-->
<!
-- android:
contentDescription="萤石缩略图"
-->
<!
-- android:src="@drawable/default_thumbnail" />
-->
<!
-- <ImageView
-->
<!
-- android:
layout_width="0dp"
-->
<!
-- android:
layout_
height="
wrap_
content"
-->
<!
-- app:
layout_columnWeight="1"
-->
<!
-- android:
layout_margin="4dp"
-->
<!
-- android:adjustViewBounds="true"
-->
<!
-- android:
contentDescription="萤石缩略图"
-->
<!
-- android:src="@drawable/default_thumbnail" />
-->
<!
-- <ImageView
-->
<!
-- android:
layout_width="0dp"
-->
<!
-- android:
layout_
height="
wrap_
content"
-->
<!
-- app:
layout_columnWeight="1"
-->
<!
-- android:
layout_margin="4dp"
-->
<!
-- android:adjustViewBounds="true"
-->
<!
-- android:
contentDescription="萤石缩略图"
-->
<!
-- android:src="@drawable/default_thumbnail" />
-->
<!
-- <ImageView
-->
<!
-- android:
layout_width="0dp"
-->
<!
-- android:
layout_
height="
wrap_
content"
-->
<!
-- app:
layout_columnWeight="1"
-->
<!
-- android:
layout_margin="4dp"
-->
<!
-- android:adjustViewBounds="true"
-->
<!
-- android:
contentDescription="萤石缩略图"
-->
<!
-- android:src="@drawable/default_thumbnail" />
-->
<!
-- <ImageView
-->
<!
-- android:
layout_width="0dp"
-->
<!
-- android:
layout_
height="
wrap_
content"
-->
<!
-- app:
layout_columnWeight="1"
-->
<!
-- android:
layout_margin="4dp"
-->
<!
-- android:adjustViewBounds="true"
-->
<!
-- android:
contentDescription="萤石缩略图"
-->
<!
-- android:src="@drawable/default_thumbnail" />
-->
</
android.support.v7.widget.Grid
Layout>
</Linear
Layout>
</ScrollView>
</
android.support.constraint.Constraint
Layout> 修改下面shuhaisp.xml
布局和上面shu3.xml
布局一样，保持shuhaisp.xml依赖不变必须使用
android支持库。shuhaisp.xml:<?xml version="1.0" encoding="utf
-8"?>
<
RelativeLayout
xmlns:
android="http://schemas.
android.com/apk/res/
android"
xmlns:tools="http://schemas.
android.com/tools"
android:
layout_width="match_parent"
android:
layout_
height="match_parent"
android:background="@drawable/gradient_background">
<!
-- tools:context=".ShuhaiSp"
-->
<!
-- <!– 顶部工具栏 –>
-->
<
RelativeLayout
android:id="@+id/toolbar"
android:
layout_width="match_parent"
android:
layout_
height="
wrap_
content"
android:background="#44bd32">
<Button
android:id="@+id/back_button4"
android:
layout_width="
wrap_
content"
android:
layout_
height="
wrap_
content"
android:
layout_alignParentStart="true"
android:
layout_marginStart="8dp"
android:
layout_marginTop="8dp"
android:
layout_marginEnd="8dp"
android:
layout_marginBottom="8dp"
android:background="@
android:color/transparent"
android:
contentDescription="返回上一页"
android:foreground="?
android:attr/selectableItemBackground"
android:text="返回"
android:textColor="@
android:color/white"
android:textSize="19dp" />
</
RelativeLayout>
<!
-- 视频播放区域
-->
<Frame
Layout
android:id="@+id/video_container"
android:
layout_width="match_parent"
android:
layout_
height="0dp"
android:
layout_below="@id/toolbar"
android:
layout_above="@+id/thumbnail_scrollview"
android:
layout_marginTop="0dp"
android:background="@
android:color/black">
<ProgressBar
android:id="@+id/video_loading"
android:
layout_width="
wrap_
content"
android:
layout_
height="
wrap_
content"
android:
layout_gravity="center" />
<VideoView
android:id="@+id/video_view"
android:
layout_width="match_parent"
android:
layout_
height="match_parent"
android:gravity="center"
android:text="视频播放区域"
android:textColor="@
android:color/white"
android:visibility="visible" />
</Frame
Layout>
<!
-- 缩略图区域
-->
<ScrollView
android:id="@+id/thumbnail_scrollview"
android:
layout_width="match_parent"
android:
layout_
height="0dp"
android:
layout_alignParentBottom="true"
android:fillViewport="true">
<Linear
Layout
android:
layout_width="match_parent"
android:
layout_
height="
wrap_
content"
android:orientation="vertical">
<
android.widget.Grid
Layout
android:id="@+id/grid
Layout"
android:
layout_width="match_parent"
android:
layout_
height="
wrap_
content"
android:columnCount="2"
android:rowCount="0"
android:alignmentMode="alignBounds"
android:useDefaultMargins="true"
android:padding="8dp">
<!
-- 缩略图示例
-->
<!
--
<ImageView
android:
layout_width="0dp"
android:
layout_
height="
wrap_
content"
android:
layout_columnWeight="1"
android:
layout_margin="4dp"
android:adjustViewBounds="true"
android:
contentDescription="缩略图"
android:src="@drawable/default_thumbnail" />
-->
</
android.widget.Grid
Layout>
</Linear
Layout>
</ScrollView>
</
RelativeLayout>
扫一扫
1327
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
