Flutter widget examples

  • Text

 

  • 圆角raisebutton

 

  • 带后退箭头的appbar

 

 

  • 用户名,密码输入框

 

其中

enabledBorder 和 focusborder 可以不要

如果是密码, 加上

 

  • 圆角container

 

  • 多个widget放到一个container里面 , 和container外面的widget 分别设置position

 

 

flutter how to get current location

  • at the beginning , try to use this package :

 

the usage see :  https://www.digitalocean.com/community/tutorials/flutter-geolocator-plugin

 

but this method not work at my huawei test device

 

  • 改用这种方法仍然不对

 

  • 那么是国内墙的问题, 还是手机问题,还是程序问题 ?

分析: 从

以上版本, 需要项目升级为androidX , 如不想升级只能用3.0.0版本以下

此外, 还不知道这个package 是不是要求手机必须有google地图, 或者googl play

 

  • 能不能不使用这个package , 直接用手机gps功能取 地理位置

 

 

flutter qr code app document

  • Profile 页面从这里抄 :

https://github.com/Mohammed-Benotmane/Profile-UI-Dark-And-White-Themes

效果图:

Edit profile 页面, 从这里抄:

https://github.com/alpinnz/app_flutter/blob/master/lib/feature/setting/profile/profile.dart

 

  • login 界面从这里抄:

 

  • 扫描 qrcode , 用这个package

 

从这个项目抄 : https://github.com/myvsparth/flutter_barcode_scan

 

  • 在app内获取地理信息并生成可打印的qr code

 

 

  • 生成测试用 qrcode , 去这个网站

https://www.the-qrcode-generator.com/

 

更好的qr code 生成网站 : http://qr.calm9.com/cn/

可以包含经纬度

 

  • 经测试

这个package 需要 google  play   服务 , 在我的华为手机测不了

 

  • http request 测试部分

1 :  需要从服务器取得的数据包括  :

login , login 之后个人的profile , site info

全部任务列表, 以及如果是登录状态 , 我的收集

全部我的收集

既然涉及到登录, 那么如何在本地保存各种登录的token : https://www.jianshu.com/p/8d28e60af440

github 用到登录token 的例子  :  https://github.com/gabryelferreira/chat_app  

flutter + node.js token 教程 : https://dev.to/carminezacc/user-authentication-jwt-authorization-with-flutter-and-node-176l

node.js token jwt 的中文讲解: https://ninghao.net/blog/2834

 

 

2: 如果在本地存放键值对 , 可以用   : shared_preferences plugin.

https://flutter.dev/docs/cookbook/persistence/key-value

3  需要测试的 http 功能 :  get , post

get   在这个网址有例子 :  https://flutter.dev/docs/cookbook/networking/fetch-data

post 是 :  https://flutter.dev/docs/cookbook/networking/send-data

 

server  端的post server 这样测试:

curl -d “username=scott&password=secret&website=stackabuse.com” -X POST http://localhost:8080/post-test

服务器代码: https://stackabuse.com/get-http-post-body-in-express-js/

 

从 http response 取字段值   https://flutter-io-deploy-one.firebaseapp.com/networking/

 

 


 

框架 :

 

https://github.com/ditclear/mvvm_flutter

 

网络请求用 dio   package , 不自己写HTTPs

 

 

temp

 

How to write a auto gather program using python

1 安装 opencv , 在设置好的虚拟目录执行

 

再安装 pyautogui

 

2  python + opencv 截屏

 

3:   How do I find an image contained within an image?    From :

https://stackoverflow.com/questions/7853628/how-do-i-find-an-image-contained-within-an-image

 

 

这段代码会在大图上, 以矩形标出match 的部分 , if exist match

 

 

4  在 windows , python 37 ,32位环境, 执行这段代码能找出 exactly match 的部分, 并自动把鼠标移动到那里, 点击右键

 

缺点是只能精确匹配, 图像稍有差别 , 或者放大缩小,变换镜头角度都不行

已经有人提出过这个问题, 在 : https://answers.opencv.org/question/169613/how-does-macthtemplate-deal-with-scaling/

关键字:

意思是 opencv 的  matchTemplate  函数不是比例变换不相关的

那么, 如何使 matchTemplate  可以比较不同比例的图像, 参见这个文章:

https://www.pyimagesearch.com/2015/01/26/multi-scale-template-matching-using-python-opencv/

in this article , 解决方法是: 对于大图, 循环放大缩小多次, 以匹配小图 , 但是, 这样只是解决了比例问题, 还是没解决角度问题


更先进的方法应该是: 特征匹配或者关键点匹配, 参见文章:

https://www.analyticsvidhya.com/blog/2019/10/detailed-guide-powerful-sift-technique-image-matching-python/

 

或者这个文章 更好一些: https://blog.csdn.net/HuangZhang_123/article/details/80660688

 

找到特征匹配后, 如何找相应点的坐标: https://stackoverflow.com/questions/30716610/how-to-get-pixel-coordinates-from-feature-matching-in-opencv-python

 

 

关键字 : cv2.cornerHarris    函数

 

理论分析和实现 SIFT算法 : https://www.geek-share.com/detail/2777206412.html

 

 

 

 

 

5  如何模糊匹配, 即无论图像缩放, 观察角度的变化, 都能正确匹配到

参考文章 :  https://www.lagou.com/lgeduarticle/74061.html        

这个不一定对