【- Flutter 桌面篇 -】 FlutterUnit win版闪亮登场

import ‘dart:io’;
import ‘dart:math’;

import ‘package:flutter/material.dart’;
import ‘package:flutter_unit_mac/views/app/bloc_wrapper.dart’;
import ‘views/app/flutter_app.dart’;
import ‘package:window_size/window_size.dart’ as window_size;

void main() {

WidgetsFlutterBinding.ensureInitialized();
// 获取窗口信息,然后设置窗口信息
window_size.getWindowInfo().then((window) {
if (window.screen != null) {
final screenFrame = window.screen.visibleFrame;
final width = max((screenFrame.width / 2).roundToDouble(),1100.0);
final height = max((screenFrame.height / 2).roundToDouble(), 850.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 Unit Windows’);

if (Platform.isMacOS) {
window_size.setWindowMinSize(Size(800, 600));
window_size.setWindowMaxSize(Size(1600, 1200));
}
}
});
runApp(BlocWrapper(child: FlutterApp()));
}


3. 待处理的其他问题
  • 由于shared_preferences未支持windows,使用设置的储存被我注释了,即暂时无法保存配置

二、. FlutterUnit win 功能简述

由于桌面端录屏出的gif太大了,就不放动图了,所有功能同移动端

使用详情可参见: 【 FlutterUnit 食用指南】 开源篇


1. FlutterUnit主页界面
  • 对于桌面来说,最麻烦的当属导航栏了,如果直接用底栏或顶栏,那会非常丑
  • 通常需要左栏,当然这些对于动手能力超强的我,都是小菜。有就用,没有就造。
  • 桌面程序一般都很宽,可以用GridView根据情况分多栏显示item,这样会好看些。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传


2. 左滑菜单栏
  • 单击右侧导航栏底部的设置可以打开左侧的菜单
  • 也可以通过左边滑来打开左侧的菜单,菜单内容保持一致,功能保持一致

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传


3. 组件详情页
  • 调整相关组件和介绍的位置,同排显示,好看一些。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传


  • 由于Share插件还不支持windows,这里代码分享的功能直接改成代码复制
  • 代码面板的展开功能依旧存在,可通过展开按钮进行展开。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传


4.收藏集功能正常
  • 收藏集的增删改查操作移动端保持一致

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传


5. 组件详情页的添加收藏

功能保持一致

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传


6. 搜索页
  • 模糊查询

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 星级查询

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传


四.FlutterUnit近期更新

距离上一次统计已经一个多月了,由于这段时间比较忙,更新的不怎么频繁

1. 移动端支持显示性能浮层
...
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2.增加Widget
CustomSingleChildLayoutCustomMultiChildLayoutLayoutId
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

LayoutBuilderBackdropFilterCupertinoSegmentedControl
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

LayoutBuilderBackdropFilterCupertinoSegmentedControl
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

AbsorbPointerIgnorePointer凑阵容
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

NestedScrollViewSliverOverlapInjectorSliverOverlapAbsorber
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

3.标准结尾

欢迎加入编程技术交流圣地[-Flutter群-],一起交流。我想要营造一个分享Flutter技术、问题,平等交流的地方,绝非一个需求/新手答疑群
注1: 张口就需求的人勿扰;招聘、广告、内推勿扰;庸俗劣质言谈者勿扰。
注2: 提问前请准备好充分的描述及相关代码。
注3: 每周三,群里英文日,所有人需用英文交流。


@张风捷特烈 2020.07.09 未允禁转
我的公众号:编程之王
联系我--邮箱:1981462002@qq.com --微信:zdl1994328
~ END ~

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限,很多程序员朋友无法获得正确的资料得到学习提升,故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图(技能树)】

知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。

Android开发8年,阿里、百度一面惨被吊打!我是否应该转行了?

【Android进阶学习视频】、【全套Android面试秘籍】

希望我能够用我的力量帮助更多迷茫、困惑的朋友们,帮助大家在IT道路上学习和发展

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

h5r-1713431838254)]

【Android进阶学习视频】、【全套Android面试秘籍】

希望我能够用我的力量帮助更多迷茫、困惑的朋友们,帮助大家在IT道路上学习和发展

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 13
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值