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 -->
<Relative
Layout
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" />
</Relative
Layout>
<!-- 播放视频区域 -->
<!-- 时间线
和缩略图区域 -->
<Frame
Layout
android:id="@+id/video_container"
android:layout_width="0dp"
android:layout_height="0dp"
app
:layout_constraintHeight_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_constraintHeight_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
:useDefault
Margins="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"
?>
<Relative
Layout
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"-->
<!-- <!– 顶部工具栏 –>-->
<Relative
Layout
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" />
</Relative
Layout>
<!-- 视频播放区域 -->
<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:useDefault
Margins="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>
</Relative
Layout>
本文详细解释了Android中的两种布局属性：layout_margin 和 padding 的作用及应用范围。layout_margin 用于设置视图与周围视图间的距离，在 LinearLayout、RelativeLayout 和 TableLayout 中有效；padding 用于设置视图内部内容与视图边缘的距离。此外还提到了这两种属性在 FrameLayout 和 AbsoluteLayout 中的有效性和特殊性。
扫一扫
392
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
