105 lines
4.8 KiB
Swift
105 lines
4.8 KiB
Swift
import SwiftUI
|
|
|
|
/// 剧集列表组件 - 对应 Android 版 SeriesAdapter
|
|
struct EpisodeListView: View {
|
|
/// 当前线路下的全部剧集。
|
|
let episodes: [VodInfo.Episode]
|
|
/// 外部传入的当前选中集索引（绝对索引）。
|
|
let selectedIndex: Int
|
|
/// 点击某一集后的回调（返回绝对索引）。
|
|
let onSelect: (Int) -> Void
|
|
|
|
/// 当前分组索引（每 50 集一个分组，避免超长列表影响渲染与选择体验）。
|
|
@State private var currentGroup = 0
|
|
/// 每个分组展示的剧集数量。
|
|
private let groupSize = 50
|
|
/// 自适应列：根据可用宽度自动换行，避免集数过多时右侧被截断。
|
|
private let gridColumns = [GridItem(.adaptive(minimum: 78), spacing: 10)]
|
|
|
|
/// 分组总数，至少为 1，避免空数组时出现 0 组的边界问题。
|
|
private var groupCount: Int {
|
|
max(1, (episodes.count + groupSize - 1) / groupSize)
|
|
}
|
|
|
|
/// 当前分组对应的切片数据。
|
|
private var currentEpisodes: [VodInfo.Episode] {
|
|
let start = currentGroup * groupSize
|
|
let end = min(start + groupSize, episodes.count)
|
|
guard start < episodes.count else { return [] }
|
|
return Array(episodes[start..<end])
|
|
}
|
|
|
|
var body: some View {
|
|
VStack(spacing: 12) {
|
|
// 分组选择
|
|
if groupCount > 1 {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack(spacing: 8) {
|
|
ForEach(0..<groupCount, id: \.self) { group in
|
|
let start = group * groupSize + 1
|
|
let end = min((group + 1) * groupSize, episodes.count)
|
|
Button {
|
|
withAnimation {
|
|
currentGroup = group
|
|
}
|
|
} label: {
|
|
Text("\(start)-\(end)")
|
|
.font(.system(size: 11, weight: .medium))
|
|
.foregroundColor(currentGroup == group ? .white : .white.opacity(0.5))
|
|
.padding(.horizontal, 12)
|
|
.padding(.vertical, 6)
|
|
.background(
|
|
ZStack {
|
|
if currentGroup == group {
|
|
Capsule().fill(Color.white.opacity(0.15))
|
|
} else {
|
|
Capsule().fill(Color.white.opacity(0.05))
|
|
}
|
|
}
|
|
)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
}
|
|
.padding(.horizontal, 20)
|
|
}
|
|
}
|
|
|
|
// 剧集网格：自适应换行，避免横向裁切。
|
|
LazyVGrid(columns: gridColumns, alignment: .leading, spacing: 10) {
|
|
// 这里使用当前组内索引 + 组偏移，换算成全局索引以便外部状态一致。
|
|
ForEach(Array(currentEpisodes.enumerated()), id: \.offset) { index, episode in
|
|
let actualIndex = currentGroup * groupSize + index
|
|
Button {
|
|
onSelect(actualIndex)
|
|
} label: {
|
|
Text(episode.name)
|
|
.font(.system(size: 13, weight: actualIndex == selectedIndex ? .bold : .medium))
|
|
.foregroundColor(actualIndex == selectedIndex ? .white : .white.opacity(0.7))
|
|
.lineLimit(1)
|
|
.minimumScaleFactor(0.85)
|
|
.frame(maxWidth: .infinity)
|
|
.frame(height: 44)
|
|
.background(
|
|
ZStack {
|
|
if actualIndex == selectedIndex {
|
|
AppTheme.accentGradient
|
|
} else {
|
|
Color.white.opacity(0.05)
|
|
}
|
|
}
|
|
)
|
|
.clipShape(RoundedRectangle(cornerRadius: 10))
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: 10)
|
|
.stroke(actualIndex == selectedIndex ? Color.clear : Color.white.opacity(0.1), lineWidth: 0.5)
|
|
)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
}
|
|
.padding(.horizontal, 20)
|
|
}
|
|
}
|
|
}
|