tanlinxing/pile_nav_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

底部菜单

Browse Source
This commit is contained in:
tanlinxing 2024-08-19 18:31:59 +08:00
parent 5b6f4e5a39
commit de783fa083
8 changed files with 776 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
.flutter-plugins
View File

@ -1,6 +1,6 @@
# This is a generated file; do not edit or check into version control. # This is a generated file; do not edit or check into version control.
path_provider=C:\\Users\\Holy\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider-2.1.4\\ path_provider=C:\\Users\\Administrator\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider-2.1.4\\
path_provider_android=C:\\Users\\Holy\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider_android-2.2.10\\ path_provider_android=C:\\Users\\Administrator\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider_android-2.2.10\\
path_provider_foundation=C:\\Users\\Holy\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider_foundation-2.4.0\\ path_provider_foundation=C:\\Users\\Administrator\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider_foundation-2.4.0\\
path_provider_linux=C:\\Users\\Holy\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider_linux-2.2.1\\ path_provider_linux=C:\\Users\\Administrator\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider_linux-2.2.1\\
path_provider_windows=C:\\Users\\Holy\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider_windows-2.3.0\\ path_provider_windows=C:\\Users\\Administrator\\AppData\\Local\\Pub\\Cache\\hosted\\pub.dev\\path_provider_windows-2.3.0\\

2
.flutter-plugins-dependencies
View File

@ -1 +1 @@
{"info":"This is a generated file; do not edit or check into version control.","plugins":{"ios":[{"name":"path_provider_foundation","path":"C:\\\\Users\\\\Holy\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_foundation-2.4.0\\\\","shared_darwin_source":true,"native_build":true,"dependencies":[]}],"android":[{"name":"path_provider_android","path":"C:\\\\Users\\\\Holy\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_android-2.2.10\\\\","native_build":true,"dependencies":[]}],"macos":[{"name":"path_provider_foundation","path":"C:\\\\Users\\\\Holy\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_foundation-2.4.0\\\\","shared_darwin_source":true,"native_build":true,"dependencies":[]}],"linux":[{"name":"path_provider_linux","path":"C:\\\\Users\\\\Holy\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_linux-2.2.1\\\\","native_build":false,"dependencies":[]}],"windows":[{"name":"path_provider_windows","path":"C:\\\\Users\\\\Holy\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_windows-2.3.0\\\\","native_build":false,"dependencies":[]}],"web":[]},"dependencyGraph":[{"name":"path_provider","dependencies":["path_provider_android","path_provider_foundation","path_provider_linux","path_provider_windows"]},{"name":"path_provider_android","dependencies":[]},{"name":"path_provider_foundation","dependencies":[]},{"name":"path_provider_linux","dependencies":[]},{"name":"path_provider_windows","dependencies":[]}],"date_created":"2024-08-18 22:26:36.756652","version":"3.22.3"} {"info":"This is a generated file; do not edit or check into version control.","plugins":{"ios":[{"name":"path_provider_foundation","path":"C:\\\\Users\\\\Administrator\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_foundation-2.4.0\\\\","shared_darwin_source":true,"native_build":true,"dependencies":[]}],"android":[{"name":"path_provider_android","path":"C:\\\\Users\\\\Administrator\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_android-2.2.10\\\\","native_build":true,"dependencies":[]}],"macos":[{"name":"path_provider_foundation","path":"C:\\\\Users\\\\Administrator\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_foundation-2.4.0\\\\","shared_darwin_source":true,"native_build":true,"dependencies":[]}],"linux":[{"name":"path_provider_linux","path":"C:\\\\Users\\\\Administrator\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_linux-2.2.1\\\\","native_build":false,"dependencies":[]}],"windows":[{"name":"path_provider_windows","path":"C:\\\\Users\\\\Administrator\\\\AppData\\\\Local\\\\Pub\\\\Cache\\\\hosted\\\\pub.dev\\\\path_provider_windows-2.3.0\\\\","native_build":false,"dependencies":[]}],"web":[]},"dependencyGraph":[{"name":"path_provider","dependencies":["path_provider_android","path_provider_foundation","path_provider_linux","path_provider_windows"]},{"name":"path_provider_android","dependencies":[]},{"name":"path_provider_foundation","dependencies":[]},{"name":"path_provider_linux","dependencies":[]},{"name":"path_provider_windows","dependencies":[]}],"date_created":"2024-08-19 18:27:32.051943","version":"3.24.0","swift_package_manager_enabled":false}

45
.vscode/launch.json vendored Normal file
View File

@ -0,0 +1,45 @@
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "CPNAV",
"request": "launch",
"type": "dart"
},
{
"name": "CPNAV (profile mode)",
"request": "launch",
"type": "dart",
"flutterMode": "profile"
},
{
"name": "CPNAV (release mode)",
"request": "launch",
"type": "dart",
"flutterMode": "release"
},
{
"name": "scence_map",
"cwd": "plugins\\scence_map",
"request": "launch",
"type": "dart"
},
{
"name": "scence_map (profile mode)",
"cwd": "plugins\\scence_map",
"request": "launch",
"type": "dart",
"flutterMode": "profile"
},
{
"name": "scence_map (release mode)",
"cwd": "plugins\\scence_map",
"request": "launch",
"type": "dart",
"flutterMode": "release"
}
]
}

6
lib/main.dart
View File

@ -2,11 +2,13 @@ import 'package:cpnav/appbar.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; import 'package:flutter/services.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:scence_map/controller.dart';
import 'pages/pass_track/view.dart'; import 'pages/pass_track/view.dart';
void main() { void main() {
WidgetsFlutterBinding.ensureInitialized(); WidgetsFlutterBinding.ensureInitialized();
SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: []); //设置全屏 SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: []); //设置全屏
runApp(const MyApp()); runApp(const MyApp());
} }
@ -66,7 +68,9 @@ class _MyHomePageState extends State<MyHomePage> {
final _currentIndex = 0.obs; final _currentIndex = 0.obs;
final List<Widget> _pages = [ final List<Widget> _pages = [
PassTrack(), PassTrack(
date: '',
),
Container( Container(
color: Colors.green, color: Colors.green,
), ),

437
lib/pages/pass_track/bottomMenu.dart Normal file
View File

@ -0,0 +1,437 @@
import 'package:cpnav/pages/pass_track/view.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
class BottomMenu extends StatefulWidget {
@override
_BottomMenuState createState() => _BottomMenuState();
}
class _BottomMenuState extends State<BottomMenu> {
int _selectedIndex = -1;
void _temporarilySelectContainer(int index) {
setState(() {
_selectedIndex = index;
});
Future.delayed(Duration(milliseconds: 200), () {
setState(() {
_selectedIndex = -1;
});
});
}
@override
Widget build(BuildContext context) {
var isPortrait = MediaQuery.of(context).orientation == Orientation.portrait;
return isPortrait
? Positioned(
right: 10,
bottom: 130,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 36,
decoration: BoxDecoration(
color: Colors.transparent, // 设置背景为透明
border: Border.all(
color: Color.fromARGB(255, 54, 52, 52),
width: 1.0, // 设置边框宽度
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: Column(children: [
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.article,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.speed,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.thermostat,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
width: 2.0, // 设置边框宽度
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.zoom_in,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
width: 2.0, // 设置边框宽度
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.zoom_out,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.refresh,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.place,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
]),
),
],
))
: Positioned(
right: 10,
bottom: 15,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
height: 36,
decoration: BoxDecoration(
color: Colors.transparent, // 设置背景为透明
border: Border.all(
color: Color.fromARGB(255, 54, 52, 52),
width: 1.0, // 设置边框宽度
),
borderRadius: BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: Center(
// 使用 Center 小部件将子容器居中
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius:
BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.article,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius:
BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.speed,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius:
BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.thermostat,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
width: 2.0, // 设置边框宽度
),
borderRadius:
BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.zoom_in,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
width: 2.0, // 设置边框宽度
),
borderRadius:
BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.zoom_out,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius:
BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.refresh,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.green, // 设置背景颜色为绿色
border: Border.all(
color: Colors.white, // 设置边框颜色为白色
),
borderRadius:
BorderRadius.circular(5.0), // 可选：设置圆角边框
),
child: InkWell(
child: const Icon(
Icons.place,
color: Colors.white,
),
onTap: () {
mapcontroller.scale = 1.0;
mapcontroller.rotation.value = 0.0;
mapcontroller.updateCount.value++;
// onUpdate?.call(
// mapcontroller.centerXY, 1.0, 0.0);
// sight.reset();
},
),
),
],
),
),
),
],
));
}
}

244
lib/pages/pass_track/view.dart
View File

@ -1,8 +1,15 @@
//字体 //字体
import 'package:bottom_picker/resources/arrays.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/scheduler.dart';
import 'package:flutter/widgets.dart'; import 'package:flutter/widgets.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:scence_map/controller.dart';
import 'package:scence_map/scence_map.dart'; import 'package:scence_map/scence_map.dart';
import 'package:bottom_picker/bottom_picker.dart';
import 'package:syncfusion_flutter_sliders/sliders.dart';
import 'bottomMenu.dart';
import "controller.dart"; import "controller.dart";
// import '../login_in/connect/bluetooth_page.dart'; // import '../login_in/connect/bluetooth_page.dart';
// import '../login_in/connect/config.dart'; // import '../login_in/connect/config.dart';
@ -13,17 +20,240 @@ import "controller.dart";
// import '../setting/wifi_page.dart'; // import '../setting/wifi_page.dart';
// import '../setting/xy_change.dart'; // import '../setting/xy_change.dart';
class PassTrack extends StatelessWidget { ScenceMapController mapcontroller = Get.put(ScenceMapController());
final controller = Get.put(PassTrackController("WXLMB", "cp_orad"));
PassTrack(); class PassTrack extends StatefulWidget {
final String date;
final controller;
const PassTrack({super.key, required this.date, this.controller});
@override
State<PassTrack> createState() => _PasstrackState();
}
// FileHandle fileHandle = FileHandle();
class _PasstrackState extends State<PassTrack> {
final controller = Get.put(PassTrackController("WXLMB", "cp_orad"));
String str = "播放";
int sWidth = 0;
int bits = -1;
int speed = 50;
List<int> speedList = [1, 2, 10, 20, 50, 100, 200, 500];
int maxLength = 200;
// int _value = 0;
SfRangeValues _rangevalues = const SfRangeValues(0.0, 200.0);
// late final ScenceMapScaleMoveCallback? onUpdate;
@override
initState() {
super.initState();
SchedulerBinding.instance.addPostFrameCallback((_) async {
// sWidth = sqrt(screen.width * screen.width + screen.height * screen.height)
// .ceil();
// // scenceMapController.scale = passTrackPlugin.passTrack_getScale() * 1.0;
// fileHandle.date = widget.date;
// await fileHandle.init();
// //在帧绘制完成后执行数据渲染
// // await initPlatformState();
// if (fileHandle.pointData.isNotEmpty) {
// DecodeDataObj obj = fileHandle.pointData[0].obj!;
// scenceMapController.centerXY = Offset(obj.y / 20, obj.x / 20);
// }
// for (var item in fileHandle.deviceList) {
// if (item["point"] != null) {
// bits = item["bits"];
// break;
// }
// }
// // passTrackPlugin.map_setCenterDevice(bits);
// setState(() {
// if (fileHandle.pointData.isNotEmpty) {
// maxLength = fileHandle.pointData.length;
// // _value = maxLength;
// _rangevalues = SfRangeValues(0.0, maxLength.toDouble());
// }
// });
});
}
Future<void> initPlatformState() async {
// String platformVersion;
// try {
// platformVersion = await passTrackPlugin.getPlatformVersion() ??
// 'Unknown platform version';
// } on PlatformException {
// platformVersion = 'Failed to get platform version.';
// }
// await passTrackPlugin.create(sWidth, sWidth);
// fileHandle.textureId = await passTrackPlugin.getTextureId() ?? -1;
// print("textureId: ${fileHandle.textureId}");
// if (!mounted) return;
// setState(() {
// platformVersion = platformVersion;
// });
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return ScenceMapView( final size = MediaQuery.of(context).size;
children: [], var isPortrait = MediaQuery.of(context).orientation == Orientation.portrait;
onUpdate: (Offset center, double scale, double rotation) { return Stack(
print("center:$center scale:$scale rotation:$rotation"); children: [
ScenceMapView(
children: [],
onUpdate: (Offset center, double scale, double rotation) {
print("center:$center scale:$scale rotation:$rotation");
},
),
Positioned(
width: isPortrait ? size.width * .63 : size.width * .42,
left: isPortrait ? 190 : 200,
bottom: 30,
child: Container(
padding: EdgeInsets.only(bottom: 5),
child: SfRangeSlider(
// 双向
min: 0.0,
max: maxLength,
values: _rangevalues,
// interval: 5,
showTicks: false,
showLabels: false,
enableTooltip: true,
minorTicksPerInterval: 1,
stepSize: 1,
onChanged: (SfRangeValues values) {
setState(() {
_rangevalues = SfRangeValues(
values.start.roundToDouble(), values.end.roundToDouble());
});
},
),
),
),
Positioned(
left: isPortrait ? 190 : 200,
bottom: 0,
child: Row(
children: [
const SizedBox(
width: 18,
),
SizedBox(
width: 74, // 设置按钮的宽度
child: ElevatedButton(
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all<Color?>(
str == "播放" ? Colors.blue : Colors.red,
),
),
onPressed: () {
setState(() {
if (str == "播放") {
str = "暂停";
} else {
str = "播放";
}
});
},
child: Text(
str,
style: TextStyle(fontSize: 12, color: Colors.black),
)),
),
const SizedBox(
width: 5,
),
ElevatedButton(
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all<Color?>(
Colors.transparent,
),
),
onPressed: () {
_openSpeedPicker(context, speedList);
},
child: Text(speed.toString()),
),
const SizedBox(
width: 15,
),
Column(children: [
Text("此处遍数：0"),
StreamBuilder<DateTime>(
stream: Stream.periodic(
Duration(seconds: 1), (_) => DateTime.now()),
builder: (context, snapshot) {
if (snapshot.hasData) {
final dateTime = snapshot.data!.toLocal();
final formattedDate =
"${dateTime.year % 100}-${dateTime.month.toString().padLeft(2, '0')}-${dateTime.day.toString().padLeft(2, '0')}";
final formattedTime =
"${dateTime.hour.toString().padLeft(2, '0')}:${dateTime.minute.toString().padLeft(2, '0')}:${dateTime.second.toString().padLeft(2, '0')}";
return Text(
"$formattedDate $formattedTime",
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
),
);
} else {
return const Text(
"加载中...",
style: TextStyle(
fontSize: 16, fontWeight: FontWeight.bold),
);
}
},
),
])
],
),
),
BottomMenu(),
],
);
}
void _openSpeedPicker(BuildContext context, List<int> items) {
List<Text> list = items.map((speed) => Text("$speed 速度")).toList();
showModalBottomSheet(
context: context,
builder: (BuildContext context) {
return Container(
width: MediaQuery.of(context).size.width * 0.5, // 设置宽度为屏幕宽度的 80%
child: BottomPicker(
items: list,
pickerTitle: Text('选择播放速度'),
titleAlignment: Alignment.center,
titlePadding: const EdgeInsets.all(8.0),
dismissable: true,
onSubmit: (index) {
setState(() {
speed = items[index];
});
},
bottomPickerTheme: BottomPickerTheme.morningSalad,
backgroundColor: Colors.white,
pickerTextStyle: const TextStyle(
fontSize: 14,
color: Colors.black,
),
itemExtent: 35.0,
displayCloseIcon: true,
closeIconColor: Colors.black,
closeIconSize: 20,
layoutOrientation: TextDirection.ltr,
buttonAlignment: MainAxisAlignment.end,
displaySubmitButton: true,
buttonContent: Text("确认"),
),
);
}, },
); );
} }

56
pubspec.lock
View File

@ -25,6 +25,14 @@ packages:
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "2.1.1" version: "2.1.1"
bottom_picker:
dependency: "direct main"
description:
name: bottom_picker
sha256: "7c690407c6c489bc7c556858c3f1b804aac73c3a128559f328cc829ba12983ad"
url: "https://pub.dev"
source: hosted
version: "2.8.0"
characters: characters:
dependency: transitive dependency: transitive
description: description:
@ -147,22 +155,30 @@ packages:
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "4.0.2" version: "4.0.2"
intl:
dependency: transitive
description:
name: intl
sha256: d6f56758b7d3014a48af9701c085700aac781a92a87a62b1333b46d8879661cf
url: "https://pub.dev"
source: hosted
version: "0.19.0"
leak_tracker: leak_tracker:
dependency: transitive dependency: transitive
description: description:
name: leak_tracker name: leak_tracker
sha256: "7f0df31977cb2c0b88585095d168e689669a2cc9b97c309665e3386f3e9d341a" sha256: "3f87a60e8c63aecc975dda1ceedbc8f24de75f09e4856ea27daf8958f2f0ce05"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "10.0.4" version: "10.0.5"
leak_tracker_flutter_testing: leak_tracker_flutter_testing:
dependency: transitive dependency: transitive
description: description:
name: leak_tracker_flutter_testing name: leak_tracker_flutter_testing
sha256: "06e98f569d004c1315b991ded39924b21af84cf14cc94791b8aea337d25b57f8" sha256: "932549fb305594d82d7183ecd9fa93463e9914e1b67cacc34bc40906594a1806"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "3.0.3" version: "3.0.5"
leak_tracker_testing: leak_tracker_testing:
dependency: transitive dependency: transitive
description: description:
@ -191,18 +207,18 @@ packages:
dependency: transitive dependency: transitive
description: description:
name: material_color_utilities name: material_color_utilities
sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a" sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "0.8.0" version: "0.11.1"
meta: meta:
dependency: transitive dependency: transitive
description: description:
name: meta name: meta
sha256: "7687075e408b093f36e6bbf6c91878cc0d4cd10f409506f7bc996f68220b9136" sha256: bdb68674043280c3428e9ec998512fb681678676b3c54e773629ffe74419f8c7
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "1.12.0" version: "1.15.0"
path: path:
dependency: transitive dependency: transitive
description: description:
@ -335,6 +351,22 @@ packages:
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "1.2.0" version: "1.2.0"
syncfusion_flutter_core:
dependency: transitive
description:
name: syncfusion_flutter_core
sha256: "24d7f43ff33bd6248c95d8b3312f6b9fe89637727ca778d60490b81ebd5bd8e7"
url: "https://pub.dev"
source: hosted
version: "26.2.9"
syncfusion_flutter_sliders:
dependency: "direct main"
description:
name: syncfusion_flutter_sliders
sha256: "3adae52373f7dfbf829bbd0b1afe8e37b7e63d13e612a68e7f2474ff8bc5cb99"
url: "https://pub.dev"
source: hosted
version: "26.2.9"
term_glyph: term_glyph:
dependency: transitive dependency: transitive
description: description:
@ -347,10 +379,10 @@ packages:
dependency: transitive dependency: transitive
description: description:
name: test_api name: test_api
sha256: "9955ae474176f7ac8ee4e989dadfb411a58c30415bcfb648fa04b2b8a03afa7f" sha256: "5b8a98dafc4d5c4c9c72d8b31ab2b23fc13422348d2997120294d3bac86b4ddb"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "0.7.0" version: "0.7.2"
typed_data: typed_data:
dependency: transitive dependency: transitive
description: description:
@ -395,10 +427,10 @@ packages:
dependency: transitive dependency: transitive
description: description:
name: vm_service name: vm_service
sha256: "3923c89304b715fb1eb6423f017651664a03bf5f4b29983627c4da791f74a4ec" sha256: f652077d0bdf60abe4c1f6377448e8655008eef28f128bc023f7b5e8dfeb48fc
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "14.2.1" version: "14.2.4"
web: web:
dependency: transitive dependency: transitive
description: description:

2
pubspec.yaml
View File

@ -41,6 +41,8 @@ dependencies:
http: ^1.2.2 http: ^1.2.2
flutter_svg: ^2.0.10+1 flutter_svg: ^2.0.10+1
google_fonts: ^6.2.1 google_fonts: ^6.2.1
syncfusion_flutter_sliders: ^26.2.9
bottom_picker: ^2.8.0
dev_dependencies: dev_dependencies:
flutter_test: flutter_test: