Files
daycard-app/app/src/main/res/layout/activity_detail.xml

145 lines
5.7 KiB
XML
Raw Normal View History

<?xml version="1.0" encoding="utf-8"?>
<!-- 详情页 -->
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/bg_main"
android:fillViewport="true"
android:overScrollMode="never"
android:scrollbars="none">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingBottom="@dimen/qb_px_40">
<!-- 顶部 16:9 横幅背景图 -->
<ImageView
android:id="@+id/ivBackdrop"
android:layout_width="match_parent"
android:layout_height="200dp"
android:scaleType="centerCrop"
android:contentDescription="@string/app_name" />
<!-- 海报 + 信息区 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="-40dp"
android:paddingHorizontal="@dimen/qb_px_50">
<!-- 海报 -->
<ImageView
android:id="@+id/ivPoster"
android:layout_width="130dp"
android:layout_height="182dp"
android:scaleType="centerCrop"
android:background="@drawable/bg_poster_rounded"
android:clipToOutline="true"
android:outlineProvider="background"
android:contentDescription="@string/app_name" />
<!-- 右侧信息区 -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:layout_marginStart="@dimen/qb_px_24"
android:layout_marginBottom="-40dp">
<!-- 标题 -->
<TextView
android:id="@+id/tvTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/text_primary"
android:textSize="@dimen/mg_sp_28"
android:textStyle="bold"
android:singleLine="true"
android:ellipsize="end"
android:maxWidth="400dp" />
<!-- 元信息:分类 · 地区 · 年份 · 时长 -->
<TextView
android:id="@+id/tvType"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/qb_px_8"
android:textColor="@color/text_secondary"
android:textSize="@dimen/mg_sp_16" />
<!-- 分割线 -->
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginTop="@dimen/qb_px_10"
android:layout_marginBottom="@dimen/qb_px_10"
android:background="@color/divider" />
<!-- 演员 -->
<TextView
android:id="@+id/tvActor"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/text_secondary"
android:textSize="@dimen/mg_sp_16"
android:maxLines="2"
android:ellipsize="end"
android:lineSpacingExtra="2dp" />
<!-- 简介 -->
<TextView
android:id="@+id/tvIntro"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/qb_px_8"
android:textColor="@color/text_tertiary"
android:textSize="@dimen/mg_sp_16"
android:maxLines="4"
android:ellipsize="end"
android:lineSpacingExtra="@dimen/qb_px_4" />
</LinearLayout>
</LinearLayout>
<!-- 操作按钮区 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical"
android:layout_marginTop="@dimen/qb_px_24"
android:paddingHorizontal="@dimen/qb_px_50">
<!-- 播放按钮 -->
<TextView
android:id="@+id/btnPlay"
android:layout_width="140dp"
android:layout_height="52dp"
android:text="▶ 播放"
android:textColor="@color/text_primary"
android:textSize="@dimen/mg_sp_20"
android:textStyle="bold"
android:gravity="center"
android:background="@drawable/bg_play_button"
android:clickable="true"
android:focusable="true" />
<!-- 返回按钮 -->
<ImageView
android:id="@+id/btnBack"
android:layout_width="@dimen/qb_px_40"
android:layout_height="@dimen/qb_px_40"
android:layout_marginStart="@dimen/qb_px_20"
android:src="@drawable/ic_back"
android:contentDescription="@string/back"
android:background="?selectableItemBackgroundBorderless" />
</LinearLayout>
</LinearLayout>
</ScrollView>