首页
学习
活动
专区
圈层
工具
发布

【Flutter 专题】易忽略的【小而巧】的技术点汇总 (一)

注意事项: 使用 InkWell时内外层均不建议添加背景色,InkWell默认的水波纹颜色很浅,背景色会遮挡波纹效果; 通过修改 splashColor: Colors.greenAccent,属性可以动态修改水波纹的波纹颜色...,但如果修改高亮色属性 highlightColor,则相当于修改背景色; 请一定添加 InWell手势触发事件,如 onTap等。...,默认是在布局正中间,整个布局以中心点划分 x/y轴的二维坐标系,横轴从左到右递增/纵轴从上到下递/增整体范围均为 [-1,1],可以通过设置不同的点位设置控件所在位置。...注意事项: Table中默认每一个 TableRow中子 item数量要相同,否则会报异常,如果需要合并单元格的话需要自定义单元格。 ? 5....: 20.0,为每一行之间的间距;当为纵向排列时,则相反。

1.2K31

【Web前端】“从零开始的HTML 表格”

tr​​ 是 "table row" 的缩写,表示表格中的一行。 ​​td​​ 是 "table data" 的缩写,表示表格中的数据单元格。 ​​...十、表格颜色 可以通过 CSS 来设置表格及单元格的背景颜色。这样可以提高表格的可视化效果。...15:00 - 16:00 各日的课程安排可以随意填写,可以使用跨行和跨列单元格(如等课程在两个时间段上课)。...样式设置: 给表格添加边框,使用CSS设置边框的颜色和样式。 表格头部的背景颜色为浅蓝色,字体为加粗。 单元格内容居中。 表格应有 10 像素的内边距,单元格之间的间距为 5 像素。...合并后的 B 种单元格算到第二行第一个单元格中,C 种单元格算到第四行第一个单元格中(按上表 从上到下从左到右算),所以第一行 6 个 td,第二行 6 个 td,第三行 5 个 td,第四行 1 个,

83600
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WEB入门二 表格和表单

    本章将学习如何在页面中创建一个表格以及表格的基本操作,例如合并单元格、使用背景图像美化表格、创建表单以及表单元素的基本用法。最后,通过举例讲解表格与表单的综合应用。...设置表格背景属性 (1) 整个表格背景 表格背景包括表格的背景颜色和背景图像的设置,表格的背景颜色属性bgcolor是针对整个表格的,表格的背景图像属性background也是针对整个表格的,...(2) 表格单行背景 不仅可以对表格整体设置背景,还可以对单独一行设置背景色,行的bgcolor颜色可以覆盖的bgcolor或background属性。...(3) 单元格背景 不仅可以对表格中行设置背景色,还可以对表格中每一个单元格设置背景色或背景图片,单元格的bgcolor颜色可以覆盖行的bgcolor属性。...Ø 使用bgcolor设置单元格的背景颜色 核心代码如下。

    2.2K10

    PyQt5高级界面控件之QTableWidget(四)

    还允许放置控件,通过QTableWidget.setItem()来添加PyQt的基本控件 这里把一个下拉列表框和一个按钮加入单元格中,设置控件与单元格的边距,如为3px像素,代码如下 comBox...(255, 0, 0))) tableWidget.setItem(0, 0, newItem) # 创建新条目,设置背景颜色,添加到表格指定行列中 newItem...12, QFont.Black)) # tableWidget.setItem(1, 1, newItem) # # # 创建新条目,设置背景颜色,添加到表格指定行列中...12, QFont.Black)) # tableWidget.setItem(2, 1, newItem) # # # 创建新条目,设置背景颜色,添加到表格指定行列中...,将第一行中的三个文本颜色设置为红色 newItem.setForeground(QBrush(QColor(255, 0, 0))) 优化2:将字体加粗 #设置字体类型,大小号,颜色 newItem.setFont

    5.9K10

    前端复杂表格导出excel,一键导出 Antd Table 看这篇就够了(附源码)

    实现功能: 简单表格导出 为表格添加样式(更改背景色、更换字体、字号、颜色) 设置行高、列宽 解析 ant-design 的 Table 直接导出excel,根据 antd 页面中设置的列宽动态计算 excel...// 遍历此列中的所有当前单元格 dobCol.eachCell(function(cell, rowNumber) { // ... }); // 遍历此列中的所有当前单元格,包括空单元格 dobCol.eachCell...type: 'pattern', pattern: 'solid', fgColor: {argb: 'dff8ff'}, } 可以直接用 row.fill为整行设置背景色,这样的话这一行没有内容的单元格也会有颜色...一块内容占用了多个单元格,要进行一行中多个列的列合并,如成绩和老师评语列。 行合并。表头其实是占了两行,除了成绩外,其他的列都应该把两行合并为一行。 行和列同时合并。...如果一个单元格合并过一次,就不能再合并,所以如果有行和列都需要合并的单元格,必须一次性同时进行行和列合并,不能拆开为两步。如老师评语列。 表头和数据的样式调整。

    13.2K20

    .NET Core使用NPOI导出复杂,美观的Excel详解

    作为一个喜欢编写简洁代码的我而言肯定是受不了的,于是乎提起袖子说干就干,我自己根据网上的一些资料自己封装了一个通用的NPOI导出Excel帮助类,主要包括行列创建,行内单元格常用样式封装(如:字体样式,...字体颜色,字体大小,单元格背景颜色,单元格边框,单元格内容对齐方式等常用属性),希望在以后的开发中能够使用到,并且也希望能够帮助到更多有需要的同学。...我们可以清楚的知道无论是字体颜色,表格边框颜色,还是单元格背景颜色我们都需要用到HSSFColor对象中的颜色属性索引(该索引的字符类型为short类型)。...之Excel数据导出帮助类(创建Excel表格行列,设置行高,设置字体样式,单元格边框样式,单元格背景颜色和样式,单元格内容对齐方式等常用属性和样式封装) * Description:2020年3月29...为单元格背景色的填充样式 //TODO:十分注意,要设置单元格背景色必须是FillForegroundColor和FillPattern两个属性同时设置,否则是不会显示背景颜色

    4.2K10

    Spread for Windows Forms高级主题(2)---理解单元格类型

    理解单元格类型基本信息 Spread支持几十种单元格类型,如复选框单元格、日期时间单元格、或者一个简单的文本单元格。单元格类型可以对单独的单元格、列、行、一个单元格区域,甚至是整个表单进行设置。...在单元格中,编辑操作被限制在数据区域的单元格中。如果你想将一些可编辑的部件像 表头那样进行操作,你可以将列头隐藏(或者关闭) ,将表单的第一行冻结,然后使用冻结的行作为你的伪头部单元格。...对象层次 Spread控件中的对象,例如表单、行和单元格等,有很多格式和其他的属性继承自它的 “父母”。一个单元格可以从一个表单中继承格式,例如背景颜色。...例如,你可以为一个单元格在单元格级别上设置文本颜色,但它可能从其所在行继承了垂直对齐方式,从其所在列继承了边界属性,并从其所在表单继承了背景颜色。...由于背景颜色可能在这些多个层次上被设置,因此必须采用某些优先级规则。 越靠近单元格级别,优先级越高。所以如果你在单元格中设置了背景颜色,那么从父类继承而来的设置将会被覆盖。请参阅如下的属性优先级列表。

    3.4K80

    最全总结 | 聊聊 Python 办公自动化之 Excel(中)

    指定 RGB 颜色值 比如,要设置某一个 Sheet 的背景色为红色,只需要先查询到对应的 Sheet,然后指定颜色值为 FF0000 即可 def set_sheet_bg_color(sheet,...、单元格背景样式、边框样式、对齐方式等 以常见的字体样式、对齐方式为例 首先,使用 openpyxl 中的 Font 类创建一个对象,指定字体名称、字体大小、是否加粗、是否斜体、颜色、下划线等 from...return hidden_indexs if hidden_or_visiable else visiable_indexs、 3、获取单元格字体颜色及单元格背景颜色 单元格对象的 font.color.rgb...、fill.fgColor.rgb 属性值分别代表字体颜色值、单元格背景颜色 def get_cell_font_color(sheet, row_index, column_index): "...,可能单元格没有数据 return None def get_cell_bg_color(sheet, row_index, column_index): """ 获取单元格背景的颜色

    1.9K30

    Spread for Windows Forms快速入门(6)---定义单元格的外观

    在Spread中每个单元格都可以被看作一个独立的对象,开发人员不仅可以设置单元格的类型,而且可以为每个单元格设置不同的外观属性。 设置单元格的颜色 你可以为一个或多个单元格设置背景色和前景(文本)色。...下图所示的是用不同方式设置颜色的示例。创建这些单元格颜色的代码也在下面给出。 ?...你可以通过使用代码中单元格的BackColor属性来为该单元格指定背景颜色,使用ForeColor属性来指定文本颜色。...这段示例代码实现为第二单元格设置背景色和文本色,为锁定单元格和选定单元格设置颜色的功能。...可以为一列、一行、一个表单或者一组单元格设置其边界,但是设置的效果跟对齐每个独立单元格的相同的边界对象是一样的。对于一组单元格,相同的边界对象被应用于每一个单元格。

    1.6K90

    NPOI操作Excel(三)--解析Excel

    首先我们先分析一下,要解析这样的Excel,需要把指标【橘色背景和蓝色背景】(作为指标入库)、科目【棕色背景和黄色背景】(作为X轴入库)、数据【乳白色背景和白色背景】(作为Y轴入库)的数据分开入库。...由于每个Excel的格式不一样,指标数据的行数,列数也不一样,所以我们要想把数据区分开只能通过背景颜色,把三部分是数据分开并放到三个二维数组里,然后解析入库,由于Excel的背景颜色存在不一样,所以不能写死...,通过观察我们可以发现,每个Excel都是从指标行开始有背景颜色到数据行开始变背景颜色,这样我们就可以区分开来,到这里相信聪明的你已经知道怎么做了,下面我们就开始实现吧 1、获取Excel的扩展名并创建工作簿...= style.FillForegroundColor;//获取当前行第一列的背景色 11 if (i == 0)//若或i=0说明是第一行,没有背景色的 12 {...GroundColor;//第一行第一列背景色的值付给TitleColor 15 continue; 16 } 17 else//如果不是第一行

    1.6K10

    对比Excel,一文掌握Pandas表格条件格式(可视化)

    所谓 表格条件格式可视化,就是对表格的数据按照一定的条件进行可视化的展示(这里的可视化更多是指单元格背景色、字体颜色以及文本格式显示等)。...突出显示单元格 在Excel条件格式中,突出显示单元格规则提供的是大于、小于、等于以及重复值等内置样式,不过在Pandas中这些需要通过函数方法来实现,我们放在后续介绍。...CSS属性,案例中我们将待高亮的部分显示为字体颜色-白色,背景色-紫色 金牌数区间[20, 30]、银牌数区间[10, 20]、铜牌数区间[5, 10] 2.5....背景渐变色 在Excel中,直接通过条件格式->色阶 操作即可选择想要的背景渐变色效果 而在Pandas中,我们可以通过df.style.background_gradient()进行背景渐变色的设置...文本渐变色 文本渐变色顾名思义就是对单元格的文本进行颜色渐变,可以通过df.style.text_gradient()来操作,其参数和背景渐变色基本一致。 4.

    6.2K20

    【web前端阶段一】HTML巩固学习(持续更新)

    bgcolor 表格的背景颜色 border 表格边框的宽度(以像素为单位) 表格默认没有边框 bordercolor 表格边框颜色 当border> = 1时起作用 cellspacing 单元格之间的间距...> 属性 描述 height 行高 align 行内容的水平对齐 valign 行内容的垂直对齐 bgcolor 行的背景颜色 ---- 表格列的常用属性 一个表格有几列组成就要有几个列标签...单元格的背景颜色 colspan 设置单元格跨列 rowspan 设置单元格跨行 ---- (4).合并单元格 属性 描述 colspan 跨列合并 rowspan 跨行合并 需要注意: 如果合并行...:只能接受数字 语法: 属性:min:当前域能接受的最小值 max:当前域能接受的最大值 step:决定了域所接受值递增或递减的步长,默认为1 ---- 日期类型 功能描述:创建一个日期输入域...fillRect():绘制填充的矩形 createLinearGradient():创建线性渐变 addColorStop(): 渐变对象中颜色和停止位置 --> <

    5.5K40

    【愚公系列】2023年11月 Winform控件专题 DataGridView控件详解

    在CellStyle编辑器中,可以设置奇数行和偶数行的背景颜色、字体、前景颜色等样式属性。也可以选择使用其他样式。...例如,对于某些行,可以设置不同的背景颜色或字体颜色等。...具体步骤如下:打开Winform项目,拖拉一个DataGridView控件到窗体中;添加要显示的列,设置列的属性;设置RowTemplate属性,例如设置行背景颜色:dataGridView1.RowTemplate.DefaultCellStyle.BackColor...object[] { "1", "Tom", "Male" });dataGridView1.Rows.Add(new object[] { "2", "Lucy", "Female" });此时,第一行和第二行的背景颜色都将显示为红色...数据选择:DataGridView控件可以允许用户选择一行或多行数据。可以通过设置控件的属性来控制选择模式,如单选、多选等。

    4.5K11

    NPOI操作Excel(一)--NPOI基础

    用C#读取Excel的方法有很多中,由于近期工作需要,需要解析的Excel含有合并单元格以及背景色等特殊要求,故在网上查了一些关于读Excel的方法的优缺点,觉得NPOI能满足我的需要,所以搜索了一些资料做了一些测试...我们先说了解一下NPOI的优缺点: 优点:读取数据快,读取方式灵活,包含多个sheet的Excel单元格合并设置单元格字段、颜色、设置单元格为下拉框,并限制输入值,设置单元格只能输入数据等(...下载地址:http://npoi.codeplex.com 1、常用的基本方法: 创建工作簿 IWorkbook...ISheet.FirstRowNum 工作表中最后一个有数据行的行号 ISheet.LastRowNum 一行中第一个有数据列的列号...Microsoft Drawing格式读写库 NPOI.SS Excel 2003和Excel 2007操作库共用的接口库以及公用模块实现,如公式计算库 NPOI.HPSF

    3.1K21
    领券