mirror of
https://github.com/HChaZZY/PiliPlus.git
synced 2025-12-17 23:56:13 +08:00
* opt: marquee * fix: bangumi seek * opt: post panel * opt: remove deprecated code * opt: singleton dynController * fix: music scheme * feat: MemberVideo jump keep position * tweak
450 lines
11 KiB
Dart
450 lines
11 KiB
Dart
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter/scheduler.dart';
|
|
|
|
class MarqueeText extends StatelessWidget {
|
|
final String text;
|
|
final TextStyle? style;
|
|
final double spacing;
|
|
final double velocity;
|
|
final ContextSingleTicker? provider;
|
|
|
|
const MarqueeText(
|
|
this.text, {
|
|
super.key,
|
|
this.style,
|
|
this.spacing = 0,
|
|
this.velocity = 25,
|
|
this.provider,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return NormalMarquee(
|
|
velocity: velocity,
|
|
spacing: spacing,
|
|
provider: provider,
|
|
child: Text(
|
|
text,
|
|
style: style,
|
|
maxLines: 1,
|
|
textDirection: TextDirection.ltr,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
abstract class Marquee extends SingleChildRenderObjectWidget {
|
|
final Axis direction;
|
|
final Clip clipBehavior;
|
|
final double spacing;
|
|
final double velocity;
|
|
final ContextSingleTicker? provider;
|
|
|
|
const Marquee({
|
|
super.key,
|
|
required this.velocity,
|
|
required super.child,
|
|
this.direction = Axis.horizontal,
|
|
this.clipBehavior = Clip.hardEdge,
|
|
this.spacing = 0,
|
|
this.provider,
|
|
});
|
|
|
|
@override
|
|
void updateRenderObject(
|
|
BuildContext context,
|
|
covariant MarqueeRender renderObject,
|
|
) {
|
|
renderObject
|
|
..direction = direction
|
|
..clipBehavior = clipBehavior
|
|
..velocity = velocity
|
|
..spacing = spacing;
|
|
|
|
if (provider != null) {
|
|
renderObject.provider = provider!;
|
|
}
|
|
}
|
|
}
|
|
|
|
class NormalMarquee extends Marquee {
|
|
const NormalMarquee({
|
|
super.key,
|
|
required super.velocity,
|
|
required super.child,
|
|
super.direction,
|
|
super.clipBehavior,
|
|
super.spacing,
|
|
super.provider,
|
|
});
|
|
|
|
@override
|
|
RenderObject createRenderObject(BuildContext context) => _NormalMarqueeRender(
|
|
direction: direction,
|
|
velocity: velocity,
|
|
clipBehavior: clipBehavior,
|
|
spacing: spacing,
|
|
provider: provider ?? ContextSingleTicker(context),
|
|
);
|
|
}
|
|
|
|
class BounceMarquee extends Marquee {
|
|
const BounceMarquee({
|
|
super.key,
|
|
required super.velocity,
|
|
required super.child,
|
|
super.direction,
|
|
super.clipBehavior,
|
|
super.spacing,
|
|
super.provider,
|
|
});
|
|
|
|
@override
|
|
RenderObject createRenderObject(BuildContext context) => _BounceMarqueeRender(
|
|
direction: direction,
|
|
velocity: velocity,
|
|
clipBehavior: clipBehavior,
|
|
spacing: spacing,
|
|
provider: provider ?? ContextSingleTicker(context),
|
|
);
|
|
}
|
|
|
|
abstract class MarqueeRender extends RenderBox
|
|
with RenderObjectWithChildMixin<RenderBox> {
|
|
MarqueeRender({
|
|
required Axis direction,
|
|
required double velocity,
|
|
required double spacing,
|
|
required this.clipBehavior,
|
|
required ContextSingleTicker provider,
|
|
}) : _ticker = provider,
|
|
_spacing = spacing,
|
|
_velocity = velocity,
|
|
_direction = direction,
|
|
assert(spacing.isFinite && !spacing.isNaN);
|
|
|
|
Clip clipBehavior;
|
|
|
|
Axis _direction;
|
|
Axis get direction => _direction;
|
|
set direction(Axis value) {
|
|
if (_direction == value) return;
|
|
_direction = value;
|
|
markNeedsLayout();
|
|
}
|
|
|
|
ContextSingleTicker _ticker;
|
|
set provider(ContextSingleTicker value) {
|
|
if (_ticker == value) return;
|
|
if (_ticker._ticker != null) {
|
|
if (value._ticker != null) {
|
|
value._ticker!.absorbTicker(_ticker._ticker!);
|
|
} else {
|
|
value.createTicker(_onTick);
|
|
}
|
|
}
|
|
_ticker.cancel();
|
|
_ticker = value;
|
|
}
|
|
|
|
double _velocity;
|
|
set velocity(double value) {
|
|
if (_velocity == value) return;
|
|
_velocity = value;
|
|
_simulation = _simulation?.copyWith(initialValue: _delta, velocity: value);
|
|
_ticker.reset();
|
|
}
|
|
|
|
double _spacing;
|
|
set spacing(double value) {
|
|
if (value.isNegative) {
|
|
value *= _direction == Axis.horizontal ? -size.width : -size.height;
|
|
}
|
|
if (_spacing == value) return;
|
|
|
|
_simulation = _simulation?.copyWith(
|
|
initialValue: _delta,
|
|
addSize: value - _spacing,
|
|
);
|
|
_spacing = value;
|
|
_ticker.reset();
|
|
}
|
|
|
|
double _delta = 0;
|
|
set delta(double value) {
|
|
if (_delta == value) return;
|
|
_delta = value;
|
|
markNeedsPaint();
|
|
}
|
|
|
|
@override
|
|
void attach(PipelineOwner owner) {
|
|
super.attach(owner);
|
|
_ticker.updateTicker();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_ticker.cancel();
|
|
super.dispose();
|
|
}
|
|
|
|
late double _distance;
|
|
|
|
_MarqueeSimulation? _simulation;
|
|
|
|
@override
|
|
void performLayout() {
|
|
final child = this.child;
|
|
if (child == null) {
|
|
size = constraints.smallest;
|
|
return;
|
|
}
|
|
|
|
if (_direction == Axis.horizontal) {
|
|
child.layout(
|
|
BoxConstraints(maxHeight: constraints.maxHeight),
|
|
parentUsesSize: true,
|
|
);
|
|
size = constraints.constrain(child.size);
|
|
_distance = child.size.width - size.width;
|
|
if (_spacing.isNegative) _spacing *= -size.width;
|
|
} else {
|
|
child.layout(
|
|
BoxConstraints(maxWidth: constraints.maxWidth),
|
|
parentUsesSize: true,
|
|
);
|
|
size = constraints.constrain(child.size);
|
|
_distance = child.size.height - size.height;
|
|
if (_spacing.isNegative) _spacing *= -size.height;
|
|
}
|
|
|
|
if (_distance > 0) {
|
|
updateSize();
|
|
_ticker.createTicker(_onTick);
|
|
} else {
|
|
_ticker.cancel();
|
|
}
|
|
}
|
|
|
|
@override
|
|
bool get isRepaintBoundary => true;
|
|
|
|
void paintCenter(PaintingContext context, Offset offset) {
|
|
if (_direction == Axis.horizontal) {
|
|
context.paintChild(child!, Offset(offset.dx - _distance / 2, offset.dy));
|
|
} else {
|
|
context.paintChild(child!, Offset(offset.dx, offset.dy - _distance / 2));
|
|
}
|
|
}
|
|
|
|
void _onTick(Duration elapsed) {
|
|
delta = _simulation!.x(
|
|
elapsed.inMicroseconds.toDouble() / Duration.microsecondsPerSecond,
|
|
);
|
|
}
|
|
|
|
void updateSize();
|
|
}
|
|
|
|
class _BounceMarqueeRender extends MarqueeRender {
|
|
_BounceMarqueeRender({
|
|
required super.direction,
|
|
required super.velocity,
|
|
required super.clipBehavior,
|
|
required super.spacing,
|
|
required super.provider,
|
|
});
|
|
|
|
@override
|
|
void updateSize() {
|
|
final size = _distance + _spacing;
|
|
if (size == _simulation?.size) return;
|
|
_simulation = _MarqueeSimulation(_delta, size, false, _velocity);
|
|
}
|
|
|
|
@override
|
|
void paint(PaintingContext context, Offset offset) {
|
|
if (child == null) return;
|
|
|
|
if (_distance > 0) {
|
|
final delta = _spacing / 2.0 - _delta;
|
|
void paintChild() {
|
|
if (_direction == Axis.horizontal) {
|
|
context.paintChild(child!, Offset(offset.dx + delta, offset.dy));
|
|
} else {
|
|
context.paintChild(child!, Offset(offset.dx, offset.dy + delta));
|
|
}
|
|
}
|
|
|
|
if (clipBehavior == Clip.none) {
|
|
paintChild();
|
|
} else {
|
|
final rect = Rect.fromLTRB(0, 0, size.width, size.height);
|
|
context.clipRectAndPaint(rect, clipBehavior, rect, paintChild);
|
|
}
|
|
} else {
|
|
paintCenter(context, offset);
|
|
}
|
|
}
|
|
}
|
|
|
|
class _NormalMarqueeRender extends MarqueeRender {
|
|
_NormalMarqueeRender({
|
|
required super.direction,
|
|
required super.velocity,
|
|
required super.clipBehavior,
|
|
required super.spacing,
|
|
required super.provider,
|
|
});
|
|
|
|
@override
|
|
void updateSize() {
|
|
final size =
|
|
(_direction == Axis.horizontal
|
|
? child!.size.width
|
|
: child!.size.height) +
|
|
_spacing;
|
|
if (size == _simulation?.size) return;
|
|
_simulation = _MarqueeSimulation(_delta, size, true, _velocity);
|
|
}
|
|
|
|
@override
|
|
void paint(PaintingContext context, Offset offset) {
|
|
final child = this.child;
|
|
if (child == null) return;
|
|
|
|
if (_distance > 0) {
|
|
void paintChild() {
|
|
if (_direction == Axis.horizontal) {
|
|
final dx = _delta;
|
|
context.paintChild(child, Offset(offset.dx - dx, offset.dy));
|
|
if (dx > _distance) {
|
|
context.paintChild(
|
|
child,
|
|
Offset(offset.dx + _simulation!.size - dx, offset.dy),
|
|
);
|
|
}
|
|
} else {
|
|
final dy = _delta;
|
|
context.paintChild(child, Offset(offset.dx, offset.dy - dy));
|
|
if (dy > _distance) {
|
|
context.paintChild(
|
|
child,
|
|
Offset(offset.dx, offset.dy + _simulation!.size - dy),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (clipBehavior == Clip.none) {
|
|
paintChild();
|
|
} else {
|
|
final rect = Rect.fromLTRB(0, 0, size.width, size.height);
|
|
context.clipRectAndPaint(rect, clipBehavior, rect, paintChild);
|
|
}
|
|
} else {
|
|
paintCenter(context, offset);
|
|
}
|
|
}
|
|
}
|
|
|
|
class _MarqueeSimulation extends Simulation {
|
|
_MarqueeSimulation(
|
|
this.initialValue,
|
|
this.size,
|
|
this.notBounce,
|
|
this.velocity,
|
|
);
|
|
|
|
final double initialValue;
|
|
final double size;
|
|
final bool notBounce;
|
|
final double velocity;
|
|
|
|
@override
|
|
double x(double timeInSeconds) {
|
|
assert(timeInSeconds >= 0.0);
|
|
final totalX = initialValue + velocity * timeInSeconds;
|
|
if (notBounce) return totalX % size;
|
|
|
|
final doublePeriod = 2.0 * size;
|
|
final doubleX = totalX % doublePeriod;
|
|
return doubleX < size ? doubleX : doublePeriod - doubleX;
|
|
}
|
|
|
|
@override
|
|
double dx(double timeInSeconds) => velocity;
|
|
|
|
@override
|
|
bool isDone(double timeInSeconds) => false;
|
|
|
|
_MarqueeSimulation copyWith({
|
|
final double? initialValue,
|
|
final double? addSize,
|
|
final bool? notBounce,
|
|
final double? velocity,
|
|
}) => _MarqueeSimulation(
|
|
initialValue ?? this.initialValue,
|
|
addSize == null ? size : size + addSize,
|
|
notBounce ?? this.notBounce,
|
|
velocity ?? this.velocity,
|
|
);
|
|
}
|
|
|
|
class ContextSingleTicker {
|
|
Ticker? _ticker;
|
|
BuildContext context;
|
|
|
|
ContextSingleTicker(this.context);
|
|
|
|
void createTicker(TickerCallback onTick) {
|
|
assert(() {
|
|
if (_ticker == null) {
|
|
return true;
|
|
}
|
|
throw FlutterError.fromParts(<DiagnosticsNode>[
|
|
ErrorSummary(
|
|
'$runtimeType is a SingleTickerProviderStateMixin but multiple tickers were created.',
|
|
),
|
|
ErrorDescription(
|
|
'A SingleTickerProviderStateMixin can only be used as a TickerProvider once.',
|
|
),
|
|
ErrorHint(
|
|
'If a State is used for multiple AnimationController objects, or if it is passed to other '
|
|
'objects and those objects might use it more than one time in total, then instead of '
|
|
'mixing in a SingleTickerProviderStateMixin, use a regular TickerProviderStateMixin.',
|
|
),
|
|
]);
|
|
}());
|
|
_ticker = Ticker(
|
|
onTick,
|
|
debugLabel: kDebugMode ? 'created by ${describeIdentity(this)}' : null,
|
|
)..start();
|
|
_tickerModeNotifier = TickerMode.getNotifier(context)
|
|
..addListener(updateTicker);
|
|
updateTicker(); // Sets _ticker.mute correctly.
|
|
}
|
|
|
|
void reset() {
|
|
_ticker
|
|
?..stop()
|
|
..start();
|
|
}
|
|
|
|
void cancel() {
|
|
_ticker?.dispose();
|
|
_ticker = null;
|
|
_tickerModeNotifier?.removeListener(updateTicker);
|
|
_tickerModeNotifier = null;
|
|
}
|
|
|
|
ValueListenable<bool>? _tickerModeNotifier;
|
|
|
|
void updateTicker() => _ticker?.muted = !_tickerModeNotifier!.value;
|
|
|
|
set muted(bool value) => _ticker?.muted = value;
|
|
}
|