二、官方桌面项目和一些桌面插件
1.运行官方桌面示例
Github上google的flutter-desktop-embedding是官方的桌面支持项目,
里面有很多官方提供的实用插件,可以下载看看。
git clone https://github.com/google/flutter-desktop-embedding.git
如果上面的main.dart有个×,八成是SDK没有配置好,可以在
Settings...-->Languaes &Frameworks-->Flutter
面板配置
可以看出这个项目引用了很多本地的插件,这些插件是目前桌面开发很宝贵的资源。
flutter pub get
之后,就可以运行示例项目了
如果你的电脑没有在
开发者模式
,使用插件会出错。 你可以在设置-->更新和安全-->开发者选项
里设置
Building with plugins requires symlink support. Please enable Developer Mode in your system settings
然后运行即可,项目运行效果如下:
2. 示例项目的几个插件
window_size
屏幕尺寸插件
这个插件非常有用,桌面不同于手机。有窗口的概念,所以定义程序的窗口大小非常必要。
import ‘package:window_size/window_size.dart’ as window_size;
void main() {
// Try to resize and reposition the window to be half the width and height
// of its screen, centered horizontally and shifted up from center.
WidgetsFlutterBinding.ensureInitialized();
// 获取窗口信息,然后设置窗口信息
window_size.getWindowInfo().then((window) {
if (window.screen != null) {
final screenFrame = window.screen.visibleFrame;
final width = math.max((screenFrame.width / 2).roundToDouble(), 800.0);
final height = math.max((screenFrame.height / 2).roundToDouble(), 600.0);
final left = ((screenFrame.width - width) / 2).roundToDouble();
final top = ((screenFrame.height - height) / 3).roundToDouble();
final frame = Rect.fromLTWH(left, top, width, height);
//设置窗口信息
window_size.setWindowFrame(frame);
//设置窗口顶部标题
window_size
.setWindowTitle(‘Flutter Testbed on ${Platform.operatingSystem}’);
if (Platform.isMacOS) {
window_size.setWindowMinSize(Size(800, 600));
window_size.setWindowMaxSize(Size(1600, 1200));
}
}
});
runApp(new MyApp());
}
color_panel
颜色选择插件
在
External Libraries#Flutter Plugin
中 你可以看到插件信息,可以看到color_panel
插件没有支持Windows。在点击左上角选择颜色时,并没有额外处理,所以会报错,这不太好。应该可以给个提示什么的。