61 lines
1.6 KiB
Dart
61 lines
1.6 KiB
Dart
// Author: fruit.com.cn
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../../../core/theme/app_colors.dart';
|
|
|
|
const double _toggleSize = 68;
|
|
const double _iconSize = 36;
|
|
|
|
/// 播放/暂停压在画面上，垫一层半透明玻璃圆面保证亮画面下也能看见。
|
|
const RadialGradient _toggleGradient = RadialGradient(
|
|
center: Alignment(-0.35, -0.4),
|
|
radius: 0.9,
|
|
colors: [Color(0x80FFFFFF), Color(0x52000000), Color(0x70000000)],
|
|
);
|
|
const List<Shadow> _iconShadows = [
|
|
Shadow(color: AppColors.shadow, blurRadius: 12),
|
|
];
|
|
|
|
/// 首页沉浸流与全屏播放器共用的播放/暂停按钮。
|
|
class PlayerCenterToggle extends StatelessWidget {
|
|
const PlayerCenterToggle({
|
|
super.key,
|
|
required this.playing,
|
|
required this.onTap,
|
|
});
|
|
|
|
final bool playing;
|
|
final VoidCallback onTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Semantics(
|
|
button: true,
|
|
label: playing ? 'Pause' : 'Play',
|
|
child: GestureDetector(
|
|
onTap: onTap,
|
|
child: SizedBox(
|
|
width: _toggleSize,
|
|
height: _toggleSize,
|
|
child: DecoratedBox(
|
|
key: const Key('player-center-toggle-surface'),
|
|
decoration: const BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
gradient: _toggleGradient,
|
|
),
|
|
child: Center(
|
|
child: Icon(
|
|
playing ? Icons.pause_rounded : Icons.play_arrow_rounded,
|
|
color: AppColors.onPrimary,
|
|
size: _iconSize,
|
|
shadows: _iconShadows,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|