manim边学边做--Table
表格是一种常见的数据展示形式,manim
提供了Table
模块专门用于显示表格形式的数据。
表格Table
和上一节介绍的矩阵Matrix
都是用来显示二维数据的,
不过,Table
的表现力更强,比如,它可以显示表头信息,列名信息等等。
Table
模块也细分了多个对象:
- 通用
Table
:显示任何内容 DecimalTable
:表格内容为数字IntegerTable
:表格内容为整数MathTable
:表格内容是公式MobjectTable
:表格内容是图形
其中,DecimalTable
,IntegerTable
,MathTable
和MobjectTable
都是继承自Table
的。
本篇重点介绍Table
对象,其他对象是Table
的一个特例。Table
系列在manim
各个模块中的位置大致如上图中所示。
1. 主要参数
主要参数包括:
参数名称 | 类型 | 说明 |
---|---|---|
table | list[list] | 表格中显示的数据 |
row_labels | list[VMobject] | 行标签,相当于表格的第一列 |
col_labels | list[VMobject] | 列标签,相当于列名,表格的第一行 |
top_left_entry | VMobject | 表格左上角显示的内容 |
v_buff | float | 表格元素行间距 |
h_buff | float | 表格元素列间距 |
include_outer_lines | bool | 是否显示表格外边框 |
add_background_rectangles_to_entries | bool | 表格背景色是否加到表格元素上 |
entries_background_color | manim color | 表格元素的背景色 |
include_background_rectangle | bool | 是否添加表格背景色 |
background_rectangle_color | manim color | 表格的背景色 |
arrange_in_grid_config | dict | 表格对齐方向的配置 |
line_config | dict | 表格线条的配置 |
总的来看,参数主要用于设置表格行列,表格背景,线条等相关的样式。
2. 主要方法
参数一般是初始化表格时使用,而方法则是用来动态的改变表格的内容和样式。
下面罗列了一些常用的方法:
名称 | 说明 |
---|---|
add_background_to_entries | 给表格元素添加背景 |
add_highlighted_cell | 高亮某个单元格 |
get_rows | 获取所有行对象 |
get_columns | 获取所有列对象 |
get_cell | 获取单元格 |
get_row_labels | 获取行的标签 |
get_col_labels | 获取列的标签 |
get_horizontal_lines | 获取表格的横线 |
get_vertical_lines | 获取表格的纵线 |
scale | 缩放表格 |
set_row_colors | 设置行颜色 |
set_column_colors | 设置列颜色 |
get_highlighted_cell | 获取高亮的单元格 |
3. 使用示例
下面通过示例演示常用的参数和方法。
3.1. 行列标签
表格Table
是默认像矩阵Matrix
一样,只显示数据,不过,与之不同的是,
表格可以通过属性rows_labels
和col_labels
添加行列信息的说明。
data = [
["90", "100", "60"],
["66", "78", "83"],
]
# 默认的表格
Table(data)
cols = [
Text("小红"),
Text("小华"),
Text("小明"),
]
rows = [Text("语文"), Text("数学")]
# 带有行列标签的表格
Table(
data,
col_labels=cols,
row_labels=rows,
)
其中列的标签就是学生姓名,行的标签是科目名称。
3.2. 内容对齐方向
表格中的内容默认是居中对齐的,可以通过参数arrange_in_grid_config
来调整其对齐方向。
# 左对齐
Table(
data,
arrange_in_grid_config={
"cell_alignment": LEFT,
},
)
# 右对齐
t = Table(
data,
arrange_in_grid_config={
"cell_alignment": RIGHT,
},
)
3.3. 表格边框
默认表格是没有外边框的,通过include_outer_lines
参数加上外边框,
此外,line_config参数还可以设置边框的粗细和颜色。
# 外边框
Table(
data,
include_outer_lines=True,
)
# 边框颜色和粗细
Table(
data,
include_outer_lines=True,
line_config={
"stroke_width": 1,
"color": GREEN,
},
)
3.4. 表格背景
表格的背景默认是透明的,有两个参数add_background_rectangles_to_entries
和include_background_rectangle
,
可以分别设置表格元素的背景和整个表格的背景。
# 保留表格元素背景
Table(
data,
add_background_rectangles_to_entries=True,
)
# 保留整个表格背景
Table(
data,
include_background_rectangle=True,
)
3.5. 定制左上角元素
表格在设置了行列名称之后,就会多出一个左上角位置,这个位置默认是空的。
可以在表格的左上角填充任意的内容,包括数学公式和图形。
cols = [
Text("小红"),
Text("小华"),
Text("小明"),
]
rows = [Text("语文"), Text("数学")]
# 左上角默认为空
Table(
data,
row_labels=rows,
col_labels=cols,
)
# 左上角填入公式
mt = MathTex("y=\sum x_i", color=RED)
t = Table(
data,
row_labels=rows,
col_labels=cols,
top_left_entry=mt,
)
# 左上角填入图形
star = Star(color=RED).scale(0.5)
Table(
data,
row_labels=rows,
col_labels=cols,
top_left_entry=star,
)
3.6. 行列操作
通过行列操作方法,可以获取行列对象,添加更多定制化的操作。
cols = [
Text("小红"),
Text("小华"),
Text("小明"),
]
rows = [Text("语文"), Text("数学")]
# 按行 设置颜色
t = Table(
data,
row_labels=rows,
col_labels=cols,
)
t.animate.set_row_colors(
BLUE, RED, YELLOW
)
# 按列 设置颜色
t = Table(
data,
row_labels=rows,
col_labels=cols,
)
t.animate.set_column_colors(
BLUE, RED, YELLOW, GREEN
)
# 获取行对象
t = Table(
data,
row_labels=rows,
col_labels=cols,
)
rows = t.get_rows()
t.add(SurroundingRectangle(rows[1]))
# 获取列对象
t = Table(
data,
row_labels=rows,
col_labels=cols,
)
cols = t.get_columns()
t.add(SurroundingRectangle(cols[1]))
t.add(SurroundingRectangle(cols[3]))
3.7. 单元格操作
单元格操作是比行列操作更加细致表格操作。
cols = [
Text("小红"),
Text("小华"),
Text("小明"),
]
rows = [Text("语文"), Text("数学")]
# 单元格颜色
t = Table(
data,
include_outer_lines=True,
row_labels=rows,
col_labels=cols,
)
cell1 = t.get_cell(pos=(2, 2))
cell2 = t.get_cell(pos=(3, 4))
cell1.set_color(RED)
cell2.set_color(BLUE)
t.add(cell1, cell2)
# 高亮 单元格
t = Table(
data,
include_outer_lines=True,
row_labels=rows,
col_labels=cols,
)
self.play(Create(t), run_time=run_time)
t.add_highlighted_cell(
pos=(2, 2),
color=GREEN,
)
t.add_highlighted_cell(
pos=(3, 4),
color=YELLOW,
)
3.8. 边框操作
最后,还可以对表格的边框进行定制,get_horizontal_lines
和get_vertical_lines
方法为我们提供了获取表格横线和纵线对象的方法。
cols = [
Text("小红"),
Text("小华"),
Text("小明"),
]
rows = [Text("语文"), Text("数学")]
# 设置横线的颜色
t = Table(
data,
row_labels=rows,
col_labels=cols,
)
lines = t.get_horizontal_lines()
lines[0].set_color(RED)
lines[1].set_color(BLUE)
# 设置纵线的颜色
t = Table(
data,
row_labels=rows,
col_labels=cols,
)
lines = t.get_vertical_lines()
lines[0].set_color(RED)
lines[1].set_color(BLUE)
lines[2].set_color(YELLOW)
4. 附件
文中完整的代码放在网盘中了(table.py
),
下载地址: 完整代码 (访问密码: 6872)
manim边学边做--Table的更多相关文章
- 学EE做硬件找工作不如学CS做软件,为什么会这样?
学EE做硬件找工作不如学CS做软件,为什么会这样? 电子工程(EE)就业最好的方向居然是转计算机,也许让有的人觉得很不公平,EE也是很重要的学科,我们学习也很努力,为什么就业会不如CS?也有的人好奇, ...
- 牛腩学Kotlin做Android应用
牛腩学Kotlin做Android应用,蹭热度视频,边学边做, 01-kotlin插件安装及hello world 02-kotlin基础语法速览 哔哩哔哩观看地址:http://www.bilibi ...
- php实现记忆化递归--以斐波那契数列为例(还是以边学边做为主,注重练习)
php实现记忆化递归--以斐波那契数列为例(还是以边学边做为主,注重练习) 一.总结 1.递归不优化的话,30层开外就有点吃力了 2.php因为定义变量的时候不用定义变量类型,所以数组里面的类型也是p ...
- html5-3 html5标签(热点地图如何实现)(边学边做)
html5-3 html5标签(热点地图如何实现)(边学边做) 一.总结 一句话总结:热点地图用绝对定位实现. 1.自定义列表怎么弄? dl 自定义列表dt 自定义标题dd 自定义列表内容 2. ...
- 第一份开发工作,边学边做android
我刚刚毕业,在培训学校学的Java web开发,虽然学的没有大学生那么丰富细致,没有他们理论基础扎实,但是这是我学习软件开发的唯一方式了. 从小学我学习就是倒数2.3等,所有人都认为我是个没法学习的孩 ...
- 边学边做,简单的 GraphQL 实例
项目中有功能要调用 API,对方 API 用的是 GraphQL 实现,就简单学了下,感叹技术进步真快,Facebook 发明的这玩意儿咋这么牛逼,使前端开发人员变得主动起来,想要什么接口.返回什么结 ...
- LabVIEW Actor Framwork (2)________ 边学边做server&client
回顾下初始需求: 现在要做一个类似聊天的demo,一个server端,若干个client端:首先是server启动,通过server可以打开若干个client端,然后每个client可以独立给serv ...
- 牛腩学ASP.NET CORE做博客(视频)
牛腩学习ASP.NET CORE做的项目,边学边做. 目录: 01-dotnetcore网站部署到centos7系统上(时长 2:03:16) 02-前期准备及项目搭建 (时长:0:23:35) 03 ...
- 牛腩学用MUI做手机APP
斗鱼直播间直播学习撸码,最终目标是用MUI做一个手机APP(暂定android平台,攒钱买IPHONE 7SE!!!),直播内容含整个软件APP的制作过程(含后台接口的制作,放到自己买的阿里云服务器, ...
- 技术的止境(客户价值第一,快速实现第二,边做边学,迅速成为牛人。紧贴客户的需求去做技术,立于不败之地。追求的目标:把一项产品去做好,用产品去养活自己和家人)good
作为一个依靠技术来谋生的程序员,我最近一直在思考一个问题,有限的生命里,面对无限的技术更新,我要研究到什么程度才能算是完成我的成为技术大牛的目标呢?换而言之,那就是技术的止境在哪儿呢?深入的思考下去, ...
随机推荐
- Android 13 - Media框架(3)- MediaPlayer生命周期
关注公众号免费阅读全文,进入音视频开发技术分享群! 上一节了解了MediaPlayer api的使用,这一节就我们将会了解MediaPlayer的生命周期与api使用细节. 1.MediaPlayer ...
- WPF 滚动条ScrollViewer样式记录
WPF 应用程序中有两个支持滚动的预定义元素:ScrollBar 和 ScrollViewer. ScrollViewer 控件封装了水平和垂直 ScrollBar 元素以及一个内容容器(如 Pane ...
- Flutter(八):Flutter路由管理(Router)
目录 一.术语 路由(route): 导航(Navigator): 二.路由管理 1.Navigator示例代码 2.路由定义(命名路由) 在App中定义router: 3.Navigator方法介绍 ...
- [HNOI2005] 狡猾的商人's 题解 (差分约束系统)
题目描述 给你一个\(n\)元一次方程,判断是否有解,方程给出的格式为 \(a-b=c\) 思路 这道题看上去是一道题目看上去就是判断给出条件是否有矛盾,所以就自然而然的可以使用带权并查集 但是因为我 ...
- c#笔记(3) 委托回调
委托回调是刚接触c#时最头疼的东西,老看老忘,遂整理一下现在对委托回调的理解.如有错误,请指出,感谢. 委托 C# 中的委托(Delegate)类似于 C 或 C++ 中函数的指针.委托是存有对某个方 ...
- js 判断闰年
首先,我们需要了解闰年的判断方式 1.能被4整除 2.并且不能被100整除 3.或者被400整除的 其次我们再来回顾下函数封装的知识,所谓的函数封装就是将一段函数封装成一个工具,有人用到了拿过来就可以 ...
- vue3 KeepAlive
在Vue.js 3中,<keep-alive> 是一个抽象组件,用于保留其子组件状态,防止在切换组件时销毁它们.这对于在页面间切换时保留组件的状态或避免重复渲染特定组件非常有用.<k ...
- m3u8文件转换mp4 ffmpeg
m3u8文件转换mp4 ffmpeg 命令行执行下面语句: ffmpeg -i input.m3u8 -c copy output.mp4 ffmpeg.exe 和 input.m3u8 放在同一目录 ...
- 知名火锅连锁企业,IT 团队如何在数千家门店中先于用户发现故障
该知名火锅连锁企业是中国领先的餐饮企业,上千家门店遍布全球,由于门店餐饮行业的特殊性,需要靠前部署服务,所以在每家餐厅中,会部署相应的服务器,及相应 IT 设备,本地会运行POS.会员.下单等业务.公 ...
- vuex中的数据在页面刷新后数据消失
用sessionstorage 或者 localstorage 存储数据 存储: sessionStorage.setItem( '名', JSON.stringify(值) ) 使用: sessio ...