![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
文章平均质量分 93
深度物联网
这个作者很懒,什么都没留下…
展开
-
远程红外热成像app
调试演示所用传感器为8×8像素本次红外传感器比较小只有64个像素,无法准备描绘出物体轮廓,所以才需要插值提升像素。 mqtt实时将数据转发给移动端传感器数据直接通过mqtt发送给移动端或者服务器通过mqtt中转给移动端,都可以做到无刷新实时显示热成像画面。本次测试使用的是5Hz,传感器每秒发送5次数据,移动端每秒渲染5次热成像画面。实时度高的场景可以增加次数。温度数组转为温度矩阵算法由于红外传感器上报给服务器的数据是一维数组,要想显示图像就需要将数据转为二维数组矩阵原创 2020-11-20 10:01:02 · 888 阅读 · 1 评论 -
Flutter轻拟物效果
Flutter中的轻拟物效果实现轻拟物原理:代码示例:效果展示:轻拟物原理:轻拟物:看起来像钢印印出来的一样,有种凸出来的效果按钮或者面板的颜色要和背景色一样如果按钮或者面板有边框边框的颜色也要和背景色一样按钮或面板添加右下角(正x和正y)方向黑色阴影按钮或面板添加左下角(负x负正y)方向白色阴影代码示例:Container( height: ScreenUtil().setHeight(150), width: ScreenUtil().setWidth(420), dec原创 2020-05-21 16:09:06 · 666 阅读 · 0 评论 -
Flutter中的分割线效果实现
Flutter中的分割线效果实现第一种:Divider(Double:height,Double:indent,color:color)第二种:DecoratedBox(decoration:BoxDecoration(Border:border))第三种:用Widget 阴影达到分割线的效果,一个Widget 效果不明显,当两个都有阴影的Widget 相邻的时候就达到的分割线的效果第一种:Di...原创 2019-03-30 09:37:41 · 36678 阅读 · 0 评论 -
Flutter中的圆角和圆形效果
Flutter中的圆角和圆形效果第一种:以图片为容器背景,设置容器四角的圆角角度第二种 ClipRRect 裁剪矩形四角 可自定义圆角度数第三种 ClipOval 直接就是圆形第四种 CircleAvatar拓展 自定义裁剪样式 ClipPath 路径裁剪第一种:以图片为容器背景,设置容器四角的圆角角度Container( margin: EdgeInsets.only(right: 10....原创 2019-06-18 13:45:58 · 14989 阅读 · 0 评论