EchoZenith/PiliPlus
1
0
Fork 0
mirror of https://github.com/bggRGjQaUbCoE/PiliPlus.git synced 2026-05-30 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

opt ui

Browse Source 
Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
This commit is contained in:
bggRGjQaUbCoE
2025-09-05 20:55:52 +08:00
parent 224bd88473
commit 5bf09b98f4
15 changed files with 401 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

523
lib/pages/video/pay_coins/view.dart
View File

@@ -1,5 +1,4 @@
import 'dart:async';
import 'dart:math';
import 'package:PiliPlus/utils/extension.dart';
import 'package:PiliPlus/utils/global_data.dart';
@@ -14,12 +13,12 @@ class PayCoinsPage extends StatefulWidget {
const PayCoinsPage({
super.key,
required this.onPayCoin,
this.copyright = 1,
int copyright = 1,
this.hasCoin = false,
});
}) : hasCopyright = copyright == 1;
final Function(int coin, bool coinWithLike) onPayCoin;
final int copyright;
final bool hasCopyright;
final bool hasCoin;
@override
@@ -41,17 +40,13 @@ class PayCoinsPage extends StatefulWidget {
},
transitionDuration: const Duration(milliseconds: 225),
transitionBuilder: (context, animation, secondaryAnimation, child) {
const begin = 0.0;
const end = 1.0;
const curve = Curves.linear;
var tween = Tween<double>(
begin: begin,
end: end,
).chain(CurveTween(curve: curve));
return FadeTransition(
opacity: animation.drive(tween),
opacity: animation.drive(
Tween<double>(
begin: 0.0,
end: 1.0,
).chain(CurveTween(curve: Curves.linear)),
),
child: child,
);
},
@@ -62,54 +57,12 @@ class PayCoinsPage extends StatefulWidget {
class _PayCoinsPageState extends State<PayCoinsPage>
with TickerProviderStateMixin {
bool _isPaying = false;
late final _controller = PageController(viewportFraction: 0.30);
late final _key = GlobalKey();
late final _hasCopyright = widget.hasCopyright;
late bool _isPaying = false;
PageController? _controller;
late final RxBool _coinWithLike = Pref.coinWithLike.obs;
final _key = GlobalKey();
int get _index => _controller.hasClients ? _controller.page?.round() ?? 0 : 0;
num? get _coins => GlobalData().coins;
bool get _canPay {
if (_index == 1 && widget.hasCoin) {
return false;
}
if (_coins == null) {
return true;
}
if (_index == 0 && _coins! >= 1) {
return true;
}
if (_index == 1 && _coins! >= 2) {
return true;
}
return false;
}
Color _getColorFilter(int index) {
if (index == 1 && widget.hasCoin) {
return Colors.black.withValues(alpha: 0.4);
}
if (_coins == null) {
return Colors.transparent;
}
if (index == 0 && _coins == 0) {
return Colors.black.withValues(alpha: 0.4);
}
if (index == 1 && _coins! < 2) {
return Colors.black.withValues(alpha: 0.4);
}
return Colors.transparent;
}
String get _getImage {
if (!_canPay) {
return 'assets/images/paycoins/ic_22_not_enough_pay.png';
}
return _index == 0
? 'assets/images/paycoins/ic_22_mario.png'
: 'assets/images/paycoins/ic_22_gun_sister.png';
}
late final RxInt _pageIndex = 0.obs;
late final AnimationController _slide22Controller;
late final Animation<Offset> _slide22Anim;
@@ -122,18 +75,76 @@ class _PayCoinsPageState extends State<PayCoinsPage>
late final AnimationController _boxAnimController;
late final Animation<Offset> _boxAnim;
final List<String> _images = const [
Timer? _timer;
late final RxInt _thunderIndex = (-1).obs;
late final List<String> _thunderImages = const [
'assets/images/paycoins/ic_thunder_1.png',
'assets/images/paycoins/ic_thunder_2.png',
'assets/images/paycoins/ic_thunder_3.png',
];
late int _imageIndex = -1;
Timer? _timer;
bool get _showThunder => _imageIndex != -1 && _imageIndex != _images.length;
void _cancelTimer() {
_timer?.cancel();
_timer = null;
}
final num? _coins = GlobalData().coins;
late final List<bool> _payState;
late final List<String> _payImg;
late final List<Color> _payFilter;
bool _canPay(int index) {
if (index == 1 && widget.hasCoin) {
return false;
}
if (_coins == null) {
return true;
}
if (index == 0 && _coins >= 1) {
return true;
}
if (index == 1 && _coins >= 2) {
return true;
}
return false;
}
String _getPayImage(int index) {
if (!_payState[index]) {
return 'assets/images/paycoins/ic_22_not_enough_pay.png';
}
return index == 0
? 'assets/images/paycoins/ic_22_mario.png'
: 'assets/images/paycoins/ic_22_gun_sister.png';
}
late final color = Colors.black.withValues(alpha: 0.4);
Color _getPayFilter(int index) {
if (index == 1 && widget.hasCoin) {
return color;
}
if (_coins == null) {
return Colors.transparent;
}
if (index == 0 && _coins == 0) {
return color;
}
if (index == 1 && _coins < 2) {
return color;
}
return Colors.transparent;
}
@override
void initState() {
super.initState();
if (_hasCopyright) {
_controller = PageController(viewportFraction: 0.30);
}
final count = _hasCopyright ? 2 : 1;
_payState = List.generate(count, _canPay);
_payImg = List.generate(count, _getPayImage);
_payFilter = List.generate(count, _getPayFilter);
_slide22Controller = AnimationController(
vsync: this,
duration: const Duration(milliseconds: 50),
@@ -179,18 +190,19 @@ class _PayCoinsPageState extends State<PayCoinsPage>
end: const Offset(0.0, -0.2),
),
);
_scale();
}
@override
void dispose() {
_timer?.cancel();
_cancelTimer();
_slide22Controller.dispose();
_scale22Controller.dispose();
_coinSlideController.dispose();
_coinFadeController.dispose();
_boxAnimController.dispose();
_controller.dispose();
_controller?.dispose();
super.dispose();
}
@@ -199,7 +211,7 @@ class _PayCoinsPageState extends State<PayCoinsPage>
}
void _onScroll(int index) {
_controller.animateToPage(
_controller?.animateToPage(
index,
duration: const Duration(milliseconds: 200),
curve: Curves.ease,
@@ -221,18 +233,89 @@ class _PayCoinsPageState extends State<PayCoinsPage>
);
}
Widget _buildCoinWidget(int index, double factor) {
return Center(
child: SizedBox(
height: 70 + (factor * 30),
width: 70 + (factor * 30),
child: ColorFiltered(
colorFilter: ColorFilter.mode(
_payFilter[index],
BlendMode.srcATop,
),
child: Stack(
clipBehavior: Clip.none,
alignment: Alignment.center,
children: [
SlideTransition(
position: _boxAnim,
child: Image.asset(
'assets/images/paycoins/ic_pay_coins_box.png',
),
),
SlideTransition(
position: _coinSlideAnim,
child: FadeTransition(
opacity: _coinFadeAnim,
child: Image.asset(
height: 35 + (factor * 15),
width: 35 + (factor * 15),
index == 0
? 'assets/images/paycoins/ic_coins_one.png'
: 'assets/images/paycoins/ic_coins_two.png',
),
),
),
],
),
),
),
);
}
Widget _build22() {
final index = _pageIndex.value;
final canPay = _payState[index];
final payImg = _payImg[index];
return GestureDetector(
onTap: canPay ? _onPayCoin : null,
onVerticalDragStart: canPay
? (e) {
_isHorizontal = false;
_onDragDown(e);
}
: null,
onVerticalDragUpdate: canPay ? _onDragUpdate : null,
onVerticalDragEnd: canPay ? _onDragEnd : null,
onVerticalDragCancel: canPay ? _onDragEnd : null,
behavior: HitTestBehavior.opaque,
child: ScaleTransition(
scale: _scale22Anim,
child: SlideTransition(
position: _slide22Anim,
child: SizedBox(
width: 110,
height: 155,
child: Image.asset(payImg),
),
),
),
);
}
Widget _buildBody(bool isV) => Stack(
key: _key,
clipBehavior: Clip.none,
alignment: Alignment.center,
children: [
Visibility(
visible: _showThunder,
maintainSize: true,
maintainAnimation: true,
maintainState: true,
child: Image.asset(_images[_showThunder ? _imageIndex : 0]),
),
if (_hasCopyright)
Obx(() {
final index = _thunderIndex.value;
return Offstage(
offstage: index == -1 || index == 3,
child: Image.asset(_thunderImages[index.clamp(0, 2)]),
);
}),
Align(
alignment: Alignment.bottomCenter,
child: GestureDetector(
@@ -241,144 +324,124 @@ class _PayCoinsPageState extends State<PayCoinsPage>
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Visibility(
visible: !_isPaying && widget.copyright == 1,
maintainSize: true,
maintainAnimation: true,
maintainState: true,
child: GestureDetector(
onTap: _index == 0 ? null : () => _onScroll(0),
child: Padding(
padding: const EdgeInsets.only(left: 12),
child: Image.asset(
width: 16,
height: 28,
_index == 0
? 'assets/images/paycoins/ic_left_disable.png'
: 'assets/images/paycoins/ic_left.png',
),
),
),
),
Expanded(
child: SizedBox(
height: 100,
child: PageView.builder(
key: const PageStorageKey('PageView'),
physics: const ClampingScrollPhysics(),
itemCount: widget.copyright == 1 ? 2 : 1,
controller: _controller,
onPageChanged: (index) => setState(_scale),
itemBuilder: (context, index) {
return ListenableBuilder(
listenable: _controller,
builder: (context, child) {
double factor = index == 0 ? 1 : 0;
if (_controller.position.hasContentDimensions) {
factor = 1 - (_controller.page! - index).abs();
}
return Visibility(
visible: !_isPaying || _index == index,
child: Center(
child: SizedBox(
height: 70 + (factor * 30),
width: 70 + (factor * 30),
child: ColorFiltered(
colorFilter: ColorFilter.mode(
_getColorFilter(index),
BlendMode.srcATop,
),
child: Stack(
clipBehavior: Clip.none,
alignment: Alignment.center,
children: [
SlideTransition(
position: _boxAnim,
child: Image.asset(
'assets/images/paycoins/ic_pay_coins_box.png',
),
),
SlideTransition(
position: _coinSlideAnim,
child: FadeTransition(
opacity: _coinFadeAnim,
child: Image.asset(
height: 35 + (factor * 15),
width: 35 + (factor * 15),
index == 0
? 'assets/images/paycoins/ic_coins_one.png'
: 'assets/images/paycoins/ic_coins_two.png',
),
),
),
],
),
),
),
),
if (_hasCopyright)
Stack(
clipBehavior: Clip.none,
alignment: Alignment.center,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 28),
child: SizedBox(
height: 100,
child: PageView(
key: const PageStorageKey('PageView'),
physics: const ClampingScrollPhysics(),
controller: _controller,
onPageChanged: (index) {
_scale();
_pageIndex.value = index;
},
children: List.generate(
2,
(index) {
return ListenableBuilder(
listenable: _controller!,
builder: (context, child) {
double factor = index == 0 ? 1 : 0;
if (_controller!
.position
.hasContentDimensions) {
factor =
1 - (_controller!.page! - index).abs();
}
return Obx(
() {
if (_pageIndex.value != index &&
_isPaying) {
return const SizedBox.shrink();
}
return _buildCoinWidget(index, factor);
},
);
},
);
},
);
},
),
),
),
Visibility(
visible: !_isPaying && widget.copyright == 1,
maintainSize: true,
maintainAnimation: true,
maintainState: true,
child: GestureDetector(
onTap: _index == 1 ? null : () => _onScroll(1),
child: Padding(
padding: const EdgeInsets.only(right: 12),
child: Image.asset(
width: 16,
height: 28,
_index == 1
? 'assets/images/paycoins/ic_right_disable.png'
: 'assets/images/paycoins/ic_right.png',
),
),
),
),
],
),
SizedBox(height: isV ? 25 : 10),
GestureDetector(
behavior: HitTestBehavior.opaque,
onPanUpdate: _handlePanUpdate,
child: SizedBox(
width: double.infinity,
height: 155,
child: Center(
child: GestureDetector(
onTap: _canPay ? _onPayCoin : null,
onPanUpdate: _canPay
? (e) => _handlePanUpdate(e, true)
: null,
child: ScaleTransition(
scale: _scale22Anim,
child: SlideTransition(
position: _slide22Anim,
child: SizedBox(
width: 110,
height: 155,
child: Image.asset(_getImage),
),
),
),
),
),
),
),
Align(
alignment: Alignment.centerLeft,
child: Obx(
() {
final index = _pageIndex.value;
if (_isPaying) {
return const SizedBox.shrink();
}
return GestureDetector(
onTap: index == 0 ? null : () => _onScroll(0),
behavior: HitTestBehavior.opaque,
child: Padding(
padding: const EdgeInsets.only(left: 12),
child: Image.asset(
width: 16,
height: 28,
index == 0
? 'assets/images/paycoins/ic_left_disable.png'
: 'assets/images/paycoins/ic_left.png',
),
),
);
},
),
),
Align(
alignment: Alignment.centerRight,
child: Obx(() {
final index = _pageIndex.value;
if (_isPaying) {
return const SizedBox.shrink();
}
return GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: index == 1 ? null : () => _onScroll(1),
child: Padding(
padding: const EdgeInsets.only(right: 12),
child: Image.asset(
width: 16,
height: 28,
index == 1
? 'assets/images/paycoins/ic_right_disable.png'
: 'assets/images/paycoins/ic_right.png',
),
),
);
}),
),
],
)
else
SizedBox(height: 100, child: _buildCoinWidget(0, 1)),
SizedBox(height: isV ? 25 : 10),
if (_hasCopyright)
GestureDetector(
behavior: HitTestBehavior.opaque,
onHorizontalDragStart: (e) {
_isHorizontal = true;
_onDragDown(e);
},
onHorizontalDragUpdate: _onDragUpdate,
onHorizontalDragEnd: _onDragEnd,
onHorizontalDragCancel: _onDragEnd,
child: Center(child: Obx(_build22)),
)
else
Center(child: _build22()),
if (_coins != null || widget.hasCoin) ...[
const SizedBox(height: 10),
Center(
child: Text(
'${_coins != null ? '硬币余额：${_coins!.toDouble().toPrecision(1)}' : ''}${widget.hasCoin ? '${_coins != null ? '，' : ''}已投1枚硬币' : ''}',
'${_coins != null ? '硬币余额：${_coins.toDouble().toPrecision(1)}' : ''}${widget.hasCoin ? '${_coins != null ? '，' : ''}已投1枚硬币' : ''}',
style: const TextStyle(color: Colors.white, fontSize: 13),
),
),
@@ -394,6 +457,7 @@ class _PayCoinsPageState extends State<PayCoinsPage>
_coinWithLike.value = newVal;
GStorage.setting.put(SettingBoxKey.coinWithLike, newVal);
},
behavior: HitTestBehavior.opaque,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
@@ -417,6 +481,7 @@ class _PayCoinsPageState extends State<PayCoinsPage>
Center(
child: GestureDetector(
onTap: Get.back,
behavior: HitTestBehavior.opaque,
child: SizedBox(
width: 30,
height: 30,
@@ -439,42 +504,52 @@ class _PayCoinsPageState extends State<PayCoinsPage>
],
);
void _handlePanUpdate(DragUpdateDetails e, [bool needV = false]) {
if (needV && e.delta.dy.abs() > max(2, e.delta.dx.abs())) {
if (e.delta.dy < 0) {
_onPayCoin();
}
} else if (widget.copyright == 1 &&
e.delta.dx.abs() > max(2, e.delta.dy.abs())) {
late bool _isHorizontal = true;
DragStartDetails? _downPos;
void _onDragDown(DragStartDetails detail) => _downPos = detail;
void _onDragEnd([_]) => _downPos = null;
void _onDragUpdate(DragUpdateDetails e) {
if (_downPos == null) {
return;
}
final offset = _isHorizontal
? (e.localPosition.dx - _downPos!.localPosition.dx).abs()
: (e.localPosition.dy - _downPos!.localPosition.dy).abs();
if (offset < 20) {
return;
}
_downPos = null;
if (_isHorizontal) {
if (e.delta.dx > 0) {
if (_index == 1) {
if (_pageIndex.value == 1) {
_onScroll(0);
setState(() {});
}
} else {
if (_index == 0) {
if (_pageIndex.value == 0) {
_onScroll(1);
setState(() {});
}
}
} else {
if (e.delta.dy < 0) {
_onPayCoin();
}
}
}
void _onPayCoin() {
if (_isPaying) return;
setState(() {
_isPaying = true;
});
_isPaying = true;
_pageIndex.refresh();
_slide22Controller.forward().whenComplete(() {
_slide22Controller.reverse().whenComplete(() {
if (_index == 1) {
if (_pageIndex.value == 1) {
_thunderIndex.value += 1;
_timer ??= Timer.periodic(const Duration(milliseconds: 50 ~/ 3), (_) {
if (_imageIndex != _images.length) {
setState(() {
_imageIndex = _imageIndex + 1;
});
final index = _thunderIndex.value;
if (index == _thunderImages.length) {
_cancelTimer();
} else {
_timer?.cancel();
_thunderIndex.value = index + 1;
}
});
}
@@ -482,7 +557,7 @@ class _PayCoinsPageState extends State<PayCoinsPage>
_coinSlideController.forward().whenComplete(() {
_coinFadeController.forward().whenComplete(() {
Get.back();
widget.onPayCoin(_index + 1, _coinWithLike.value);
widget.onPayCoin(_pageIndex.value + 1, _coinWithLike.value);
});
});
});