mirror of
https://github.com/gabehf/Fladder.git
synced 2026-03-07 21:48:14 -08:00
chore: Added easy screenshot taker and new screenshots
This commit is contained in:
PartyDonut
parent
4483e4a1f5
commit
6212e06404
30 changed files with 254 additions and 3 deletions
251
lib/util/screenshot_runner.dart
Normal file
251
lib/util/screenshot_runner.dart
Normal file
|
|
@ -0,0 +1,251 @@
|
|||
import 'dart:io';
|
||||
import 'dart:ui' as ui;
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/rendering.dart';
|
||||
|
||||
import 'package:fladder/util/adaptive_layout/adaptive_layout.dart';
|
||||
import 'package:fladder/util/adaptive_layout/adaptive_layout_model.dart';
|
||||
import 'package:fladder/util/poster_defaults.dart';
|
||||
|
||||
class _DeviceProfile {
|
||||
final String name;
|
||||
final Size size;
|
||||
final double scale;
|
||||
final bool isDesktop;
|
||||
final InputDevice inputDevice;
|
||||
final ViewSize viewSize;
|
||||
final LayoutMode layoutMode;
|
||||
final TargetPlatform platform;
|
||||
|
||||
const _DeviceProfile({
|
||||
required this.name,
|
||||
required this.size,
|
||||
this.scale = 1.0,
|
||||
this.isDesktop = false,
|
||||
this.inputDevice = InputDevice.dPad,
|
||||
required this.viewSize,
|
||||
required this.layoutMode,
|
||||
required this.platform,
|
||||
});
|
||||
}
|
||||
|
||||
class ScreenshotRunner extends StatefulWidget {
|
||||
final Widget child;
|
||||
final String outputPath;
|
||||
|
||||
const ScreenshotRunner({
|
||||
super.key,
|
||||
required this.child,
|
||||
required this.outputPath,
|
||||
});
|
||||
|
||||
@override
|
||||
State<ScreenshotRunner> createState() => _ScreenshotRunnerState();
|
||||
}
|
||||
|
||||
class _ScreenshotRunnerState extends State<ScreenshotRunner> {
|
||||
final GlobalKey _repaintKey = GlobalKey();
|
||||
int _currentIndex = 0;
|
||||
bool _isCapturing = false;
|
||||
|
||||
bool _showNameInput = false;
|
||||
|
||||
final TextEditingController _nameController = TextEditingController();
|
||||
|
||||
Future<void> _capture(_DeviceProfile device, String screenshotName) async {
|
||||
final boundary = _repaintKey.currentContext!.findRenderObject() as RenderRepaintBoundary?;
|
||||
if (boundary == null) {
|
||||
debugPrint('No boundary found for ${device.name}');
|
||||
return;
|
||||
}
|
||||
|
||||
final rawImage = await boundary.toImage(pixelRatio: 1.0);
|
||||
|
||||
final resized = await resizeUiImage(
|
||||
rawImage,
|
||||
(device.size.width * device.scale).toInt(),
|
||||
(device.size.height * device.scale).toInt(),
|
||||
);
|
||||
|
||||
final byteData = await resized.toByteData(format: ui.ImageByteFormat.png);
|
||||
final bytes = byteData!.buffer.asUint8List();
|
||||
|
||||
final dir = Directory('${widget.outputPath}/${device.name}');
|
||||
if (!dir.existsSync()) dir.createSync(recursive: true);
|
||||
|
||||
final file = File('${dir.path}/$screenshotName.png');
|
||||
await file.writeAsBytes(bytes);
|
||||
debugPrint('Saved: ${file.path}');
|
||||
}
|
||||
|
||||
Future<void> _runScreenshots(String value) async {
|
||||
if (_isCapturing) return;
|
||||
setState(() => _isCapturing = true);
|
||||
|
||||
for (int i = 0; i < _defaultDeviceProfiles.length; i++) {
|
||||
setState(() => _currentIndex = i);
|
||||
await Future.delayed(const Duration(milliseconds: 300));
|
||||
await _capture(_defaultDeviceProfiles[i], value);
|
||||
}
|
||||
|
||||
setState(() => _isCapturing = false);
|
||||
}
|
||||
|
||||
Future<ui.Image> resizeUiImage(ui.Image image, int targetWidth, int targetHeight) async {
|
||||
final recorder = ui.PictureRecorder();
|
||||
final canvas = Canvas(recorder);
|
||||
final paint = Paint();
|
||||
|
||||
final src = Rect.fromLTWH(0, 0, image.width.toDouble(), image.height.toDouble());
|
||||
final dst = Rect.fromLTWH(0, 0, targetWidth.toDouble(), targetHeight.toDouble());
|
||||
|
||||
canvas.drawImageRect(image, src, dst, paint);
|
||||
|
||||
final picture = recorder.endRecording();
|
||||
return await picture.toImage(targetWidth, targetHeight);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final device = _defaultDeviceProfiles[_currentIndex];
|
||||
|
||||
final scale = device.scale;
|
||||
final mediaQuery = MediaQuery.of(context);
|
||||
final screenSize = device.size;
|
||||
|
||||
final scaledMedia = _isCapturing
|
||||
? mediaQuery.copyWith(
|
||||
size: screenSize,
|
||||
padding: EdgeInsets.zero,
|
||||
viewInsets: EdgeInsets.zero,
|
||||
viewPadding: EdgeInsets.zero,
|
||||
devicePixelRatio: mediaQuery.devicePixelRatio * scale,
|
||||
)
|
||||
: MediaQuery.of(context);
|
||||
|
||||
return Scaffold(
|
||||
body: Stack(
|
||||
children: [
|
||||
Center(
|
||||
child: RepaintBoundary(
|
||||
key: _repaintKey,
|
||||
child: FittedBox(
|
||||
alignment: Alignment.center,
|
||||
child: SizedBox(
|
||||
width: scaledMedia.size.width,
|
||||
height: scaledMedia.size.height,
|
||||
child: MediaQuery(
|
||||
data: scaledMedia,
|
||||
child: Builder(
|
||||
builder: (context) {
|
||||
return AdaptiveLayout(
|
||||
data: _isCapturing
|
||||
? AdaptiveLayoutModel(
|
||||
viewSize: device.viewSize,
|
||||
layoutMode: device.layoutMode,
|
||||
inputDevice: device.inputDevice,
|
||||
platform: device.platform,
|
||||
isDesktop: device.isDesktop,
|
||||
posterDefaults: const PosterDefaults(size: 350, ratio: 0.55),
|
||||
controller: {},
|
||||
sideBarWidth: 0,
|
||||
)
|
||||
: AdaptiveLayout.of(context),
|
||||
child: widget.child,
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
if (_showNameInput)
|
||||
Center(
|
||||
child: Overlay(
|
||||
initialEntries: [
|
||||
OverlayEntry(
|
||||
canSizeOverlay: true,
|
||||
builder: (context) => Container(
|
||||
padding: const EdgeInsets.all(16),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.black,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
width: 300,
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Text("Enter screenshot name:"),
|
||||
const SizedBox(height: 8),
|
||||
TextField(
|
||||
controller: _nameController,
|
||||
autofocus: true,
|
||||
onSubmitted: (value) {
|
||||
setState(() => _showNameInput = false);
|
||||
_runScreenshots(value.trim());
|
||||
_nameController.clear();
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
ElevatedButton(
|
||||
onPressed: () {
|
||||
setState(() => _showNameInput = false);
|
||||
_runScreenshots(_nameController.text.trim());
|
||||
_nameController.clear();
|
||||
},
|
||||
child: const Text("Capture"),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
floatingActionButton: FloatingActionButton.extended(
|
||||
onPressed: () => setState(() {
|
||||
_showNameInput = true;
|
||||
}),
|
||||
label: Text(_isCapturing ? 'Capturing...' : 'Take Screenshots'),
|
||||
icon: const Icon(Icons.camera),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
const _defaultDeviceProfiles = [
|
||||
_DeviceProfile(
|
||||
name: 'Mobile',
|
||||
size: Size(412, 915),
|
||||
scale: 3.0,
|
||||
inputDevice: InputDevice.touch,
|
||||
viewSize: ViewSize.phone,
|
||||
layoutMode: LayoutMode.single,
|
||||
platform: TargetPlatform.android,
|
||||
isDesktop: false,
|
||||
),
|
||||
_DeviceProfile(
|
||||
name: 'Tablet',
|
||||
size: Size(1194, 834),
|
||||
scale: 2.0,
|
||||
inputDevice: InputDevice.touch,
|
||||
viewSize: ViewSize.tablet,
|
||||
layoutMode: LayoutMode.single,
|
||||
platform: TargetPlatform.android,
|
||||
isDesktop: false,
|
||||
),
|
||||
_DeviceProfile(
|
||||
name: 'Television',
|
||||
size: Size(1920, 1080),
|
||||
scale: 1.0,
|
||||
inputDevice: InputDevice.dPad,
|
||||
viewSize: ViewSize.television,
|
||||
layoutMode: LayoutMode.dual,
|
||||
platform: TargetPlatform.android,
|
||||
isDesktop: false,
|
||||
),
|
||||
];
|
||||
Loading…
Add table
Add a link
Reference in a new issue