BLCL的博客小馆

归档 · 2020

首页

关于

归档

loading..

当表格排版遇到了合并单元格

我负责的面单平台的需求复杂度已经越来越高了。自从寒假接了一个复杂表格排版的需求后,各类业务对于表格排版的使用场景也开始变多。毕竟,一个可以自动换页排版,并保持每一页都带有首部区域和尾部区域的表格,哪个业务不喜欢呢?(被打)表格的排版先回顾一下之前的需求:有一类专门的面单类型叫“拣货单”,用于给卖家拣货拣货单有三个部分:头部区域(展示 Logo、买家地址等)、表格(展示商品信息)、尾部区域(展示备注和页码)表格可能非常长,需要分页打印(纸张类型分为 A4、A5、A6 三种)第一页的表格之前一定会有一个头部区域每一页的表格之后都要接一个尾部区域,可以配置非第一页的表格之前是否也接一个头部区域表格的数据内容未知,列宽、字体、字号均可以自定义,行高不确定大概的效果嘛,类似于下图(A6,横向,非第一页的表格之前也接..

更多
loading..
Flutter技术

用 Flutter 实现探探卡片布局

前几天写了一个 Fluter 插件 tcard,用来实现类似于探探卡片的布局。前言前几天写了一个 Fluter 插件 tcard,用来实现类似于探探卡片的布局。效果如下,本文讲解如何使用 Stack 控件实现这个布局。在线查看初识 StackStack 是一个有多子项的控件,它会将自己的子项相对于自身边缘进行定位,后面的子项会覆盖前面的子项。通常用来实现将一个控件覆盖于另一个控件之上的布局,比如在一张图片上显示一些文字。子项的默认位置在 Stack 左上角,也可以用 Align 或者 Positioned 控件分别进行定位。12345678910111213141516171819Stack( children: [ Container( width: 100, height:..

更多
loading..
Flutter技术

Flutter 绘制图表(二)饼状图🍪

本文讲解如何使用 Flutter 绘制饼状图前言接上文,本文讲解如何使用 Flutter 绘制饼状图,最终效果如图在线查看定义 PieChart & PiePart第一步定义 PieChart 和 PiePart 类。PieChart 是整个饼状图控件,有 datas 和 legends 两个属性,表示饼图的数据和每部分的标识。PiePart 表示饼图的一部分,有 color, startAngle, sweepAngle 三个属性,分别表示颜色,起始弧度值,占据圆形的弧度值。PeiChartPainter 类实现了具体的绘制方法。123456789101112131415161718192021222324252627282930313233343536373839404142434445464..

更多