manim页面中不规则分割整个人页面。

已于 2024-09-28 03:49:09 修改
阅读量304 收藏 2
点赞数 3
分类专栏： python画图 python建模 manim场景布置 文章标签： python 数学演示 manim动画 平面 开发语言
于 2024-09-28 03:32:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45449625/article/details/142605769
版权

界面中的分割方式

在信息设计中，我们常常需要通过分割设计的方式来对信息进行分组，界面中的分割方式大致分为三种：卡片、线条、留白。

界面中的分割方式主要可以分为以下几种：

一、根据规则进行分割：

  1. 规则网格分割：

    • 特点：采用均匀的网格布局，所有单元格大小相同，常用于展示相似内容（如表格）。
    • 应用：数据展示、仪表盘、图标排列等。
from manim import *  

class TableExamples01(Scene):  # 定义一个名为 TableExamples01 的场景  
    def construct(self):      # 定义场景中的构建过程  
        
        # 创建一个表格并设置其宽度和行列内容  
        t2 = Table(  
            [["This", "is a"],  # 表格的内容  
             ["simple", "Table."]],  
            row_labels=[Text("R1"), Text("R2")],  # 行标签  
            col_labels=[Text("C1"), Text("C2")],  # 列标签  
            top_left_entry=Text(" "),  # 左上角的位置，留空  
            include_outer_lines=True,   # 包含外部边框  
            arrange_in_grid_config={"cell_alignment": RIGHT},  # 单元格内容右对齐  
        )  
        
        # 将表格缩放至接近充满整个页面  
        #t2.scale(1.0)  # 根据需要调整缩放比例，这里保持为1，不缩放  
        # 设置表格的尺寸  
        #t2.auto_scale()  # 自动调整表格的尺寸  
        t2.set(width=12, height=6.8)  # 设置表格的尺寸  
        
        # 获取第二行第二列单元格，并将其设置为红色  
        red_cell = t2.get_cell((2, 2), color=RED)  
        t2.add(red_cell)  
        
        # 高亮显示第一行第一列的单元格，颜色为黄色  
        t2.add_highlighted_cell((1, 1), color=YELLOW)  
        
        # 创建一个组并添加表格  
        g = Group(t2)  
        # 将表格居中摆放  
        g.move_to(ORIGIN)  
        
        self.add(g)  # 在场景中添加组

 运行结果

  1. 列式/行式分割：

    • 特点：根据列或行的数量进行分割，适合于内容较多且有层级的情况。
    • 应用：导航栏、菜单、内容展示区等。

行式：

from manim import *  
import random  

class TableExamples02(Scene):  # 定义一个名为 TableExamples02 的场景  
    def construct(self):      # 定义场景中的构建过程 
        self.camera.background_color = "#2F4F14" 
        # 随机文本列表  
        random_texts = [  
            "Cut Cell", "Copy Cell", "Paste Cell Below",   
            "Delete Cell", "Split Cell", "Merge Selected Cells",   
            "Merge Cell Above", "Merge Cell Below",   
            "Clear Cell Output", "Clear Outputs of All Cells",   
            "Enable Scrolling for Outputs", "Disable Scrolling for Outputs",   
            "Undo Cell Operation", "Redo Cell Operation",   
            "Restart Kernel...", "New Console for Notebook"  
        ]  

        # 创建多条水平线和随机文本  
        for i in range(-8, 10, 1):  # 从 -8 到 8，步长为 2  
            horizontal_line = Line(start=LEFT * 8, end=RIGHT * 8, color=WHITE).shift(2.5 * UP + i * DOWN)  
            self.add(horizontal_line)  # 将每条线添加到场景中  
            
            # 随机选择一段文本  
            text = random.choice(random_texts)  
            text_mobject = Text(text, color=WHITE).next_to(horizontal_line, UP)  # 将文本放在横线的上方  
            self.add(text_mobject)  # 将文本添加到场景中

二、根据不规则进行分割：

  1. 自由形状分割：

    • 特点：根据内容需求和设计风格，采用不规则的形状分割，通常具有创意性和个性化。
    • 应用：艺术网站、社交媒体、创意作品展示等。

  2. 响应式分割：

    • 特点：依据屏幕大小和用户行为动态调整分割方式，具有灵活性。
    • 应用：移动端应用、响应式网站设计等。
from manim import *  

class InfiniteLines01(Scene):  
    def construct(self):  
        # 设置背景颜色  
        self.camera.background_color = "#2F4F14"  
        
        # 创建无限横向线  
        horizontal_line = Line(start=LEFT * 8, end=RIGHT * 8, color=WHITE).shift(2.8 * UP)  
        vertical_line = Line(start=DOWN * 8, end=UP * 8, color=WHITE)  

        # 创建文本并移动到横线的上方和竖线的左方的中间位置  
        t = Text("线性代数", font_size=36)  # 设置字体大小  
        t.move_to(UP * 3.2 + LEFT * 3)  # 调整位置到横线的上方和竖线的左方的中间  

        # 添加线条到场景  
        self.play(Create(horizontal_line))  
        self.play(Create(vertical_line))  
        
        # 添加文本到场景  
        self.play(Write(t))  
        
        self.wait(2)

 运行结果：

 不规则分割页面的布局：
实列1：
from manim import *  

class InfiniteLines02(Scene):  
    def construct(self):  
        # 设置背景颜色  
        self.camera.background_color = "#2F4F14"  
        
        # 创建无限横向线  
        horizontal_line = Line(start=LEFT * 8, end=RIGHT * 8, color=WHITE).shift(2.8 * UP)  
        vertical_line = Line(start=DOWN * 8, end=UP * 8, color=WHITE)  

        # 创建文本并移动到横线的上方和竖线的左方的中间位置  
        t = Text("线性代数", font_size=36)  
        t.move_to(UP * 3.2 + LEFT * 3)  

        # 添加线条到场景  
        self.play(Create(horizontal_line))  
        self.play(Create(vertical_line))  
        self.add(NumberPlane())
        
        # 添加文本到场景  
        self.play(Write(t))  
        
        # 创建四个半径为1的圆  
        circles = []  
        for x, y in [(-3, 3), (3, 3), (-3, -3), (3, -3)]:  # 定义每个圆心的位置  
            circle = Circle(radius=1, color=BLUE)  # 创建圆  
            circle.move_to(RIGHT * x + UP * y)   # 移动到指定位置  
            circles.append(circle)  # 将圆添加到列表  

        # 添加圆到场景  
        for circle in circles:  
            self.play(Create(circle))  

        self.wait(2)  # 保持场景2秒

 实例2：
from manim import *  

class InfiniteLines03(Scene):  
    def construct(self):  
        # 设置背景颜色  
        self.camera.background_color = "#2F4F14"  
        
        # 创建无限横向线  
        horizontal_line = Line(start=LEFT * 8, end=RIGHT * 8, color=WHITE).shift(2.8 * UP)  
        vertical_line = Line(start=DOWN * 8, end=UP * 8, color=WHITE)  

        # 创建文本并移动到横线的上方和竖线的左方的中间位置  
        t = Text("线性代数", font_size=36)  
        t.move_to([-3.505,3.5,0])  

        # 添加线条到场景  
        self.play(Create(horizontal_line))  
        self.play(Create(vertical_line))  
        
        # 添加文本到场景  
        self.play(Write(t))  
        self.add(NumberPlane())
        
        # 计算每一块的中心点并绘制圆  
        centers = [(-3.505, 3.5), (3.505, 3.5), (-3.505, -0.5), (3.505, -0.5)]  # 各块的中心点坐标  
        circles = []  
        
        for x, y in centers:  
            circle = Circle(radius=0.25, color=BLUE)  # 创建半径为1的圆  
            circle.move_to(RIGHT * x + UP * y)  # 移动到中心点  
            circles.append(circle)  # 添加到圆的列表  

        # 添加所有圆到场景  
        for circle in circles:  
            self.play(Create(circle))  

        self.wait(2)  # 保持场景2秒

三、有规则与不规则分割的特点比较：

  • 有规则分割特点：

    • 结构清晰，易于理解。
    • 适合标准化内容展示，有助于用户快速获取信息。

  • 不规则分割特点：

    • 视觉吸引力强，能够突出特定内容。
    • 提供更多的创造性，灵活性高，但可能会在信息传递上造成一定的混乱。

总的来说，选择分割方式时需根据界面的目标、用户需求和内容特性进行合理设计。

from manim import *  

class SplitPage(Scene):  
    def construct(self): 
        self.camera.background_color = "#2F4F14" 
        # 创建无限横向线  
        horizontal_line = Line(start=LEFT * 8, end=RIGHT * 8, color=WHITE).shift(3 * UP)  
        vertical_line = Line(start=DOWN * 8, end=UP * 8, color=WHITE)  
        
        # 创建一个矩形代表页面  
        page = Rectangle(width=6, height=4, color=WHITE)   
        page.move_to(ORIGIN)  # 将页面移动到正中心  
        
        # 显示页面和线  
        self.play(Create(horizontal_line))  
        self.play(Create(vertical_line))   
        self.play(Create(page))  

        # 将页面均匀分成两块  
        left_half = Rectangle(width=3, height=4, color=WHITE).move_to(LEFT * 1.5)  
        right_half = Rectangle(width=3, height=4, color=WHITE).move_to(RIGHT * 1.5)  
        
        # 显示分开的两块  
        self.add(right_half,left_half)  

        # 创建不规则的分割线，首先将右边的部分分割成三个不规则的部分  
        line1 = Line([3, -2, 0], [3, 2, 0], color=BLACK) # 垂直分割线  
        line2 = Line([3.5, -1.5, 0], [3.5, 1.5, 0], color=BLACK) # 另一条线  

        # 将分割线添加到场景中  
        self.play(Create(line1))  
        self.play(Create(line2))  

        # 创建右边的三个不规则部分  
        lower_shape = Polygon(  
            [3, -2, 0], [4, -1, 0], [3.5, -0.5, 0], color=YELLOW  
        ).set_fill(YELLOW, opacity=0.5).scale(3)  
        
        upper_shape = Polygon(  
            [3, 2, 0], [4, 1, 0], [3.5, 0.5, 0], color=BLUE  
        ).set_fill(BLUE, opacity=0.5).scale(3).  shift(6*LEFT+2*DOWN)
        
        # 将不规则部分添加到场景中  
        self.play(Create(lower_shape)) 
        self.play(Create(upper_shape))  
        
        # 结束  
        self.wait(2)  

# 要运行这个例子，请在终端中使用以下命令：  
# manim -pql <你的文件名.py> SplitPage
%manim -qm -v WARNING SplitPage

 

 

Yasen.M
关注
专栏目录
manim-website:曼尼姆登陆页面
08-03
"manim-website:曼尼姆登陆页面"项目是一个基于Manim技术构建的网页平台，主要目的是为了展示Manim的功能并提供用户友好的交互界面。Manim是一个强大的数学动画库，由3Blue1Brown的Grant Sanderson开发，主要用于...
manim
03-19
5. **场景（Scene）**：在 manim 中，动画是以场景（Scene）的形式组织的，每个场景包含一系列的帧（Frame），帧之间通过时间线过渡。 6. **类与对象**：manim 采用面向对象的编程方式，每个数学对象（如点、线）都...
关于manim中Tex类不支持中文的解决
Wing9_的博客
07-07 240
关于manim中Tex类不支持中文的解决
在Manim中坐标系的创建和使用
分享代码和经验
07-31 1259
这段代码实现了一个简单的坐标系，展示了一个对数刻度的 y 轴和一个抛物线函数（y = x²），同时还设置了坐标轴和标签的颜色。该示例展示了 Manim 中如何使用坐标轴和图形绘制以及自定义样式的基本用法。
Manim 中文显示问题
DJ_Novitskiy的博客
11-25 3271
更新2021Manim 中文显示问题Manim可视化动画引擎中文显示问题具体方法代码修改 Manim可视化动画引擎 Manim可视化 是一个面向数学和科研的可视化动画引擎，是一个python库，很快速创建动画，之前了解过一点，最近想做个视频图解，安装了解了一下，感兴趣的可以去Github上查看https://github.com/3b1b/manim。 官网有中文文档了，可以快速了解Manim。 https://docs.manim.org.cn/getting_started/installation.h
manim中获取并定位不规则页面的中心位置
最新发布
分享代码和经验
09-28 682
找到中心点非常重要，因为它在多个领域中都有重要的应用和意义。中心点可以指一个几何形状的中心、数据集的平均值中心、或是特定情境下的关键焦点。数学与几何：在几何中，中心点（例如圆的中心）是形状的对称性和结构的关键。它决定了形状的性质和位置，帮助进行准确的测量与计算。数据分析：在统计学中，数据集的中心点（例如平均值、中位数、众数）帮助我们理解数据的集中趋势。找到数据的中心点可以揭示出数据的分布特征，为决策提供依据。心理学与社会学：在社会交往和心理学研究中，中心点可以代表群体中的领袖、焦点或者关键人物。
Manim - Python 绘画引擎
AI + 工程
04-22 1087
Manim : Mathematical Animation，是由 Grant Sanderson 开发，是一个用于精确编程动画的引擎，专为创建解释性数学视频而设计。：如果直接通过pip安装manim，请注意安装包的名称。您应该首先决定要安装哪个版本，然后仅按照您所需版本的说明进行操作。，目标是更稳定、更好的测试、更快地响应社区贡献以及更容易上手。作者的个人项目，旨在为这些视频制作动画，视频特定的代码可。这应该会弹出一个窗口，播放一个简单的场景。或那里的说明来安装此版本将导致问题。安装此存储库的版本。
Manim 中文教程文档
gitblog_00387的博客
09-12 262
Manim 中文教程文档 manim_document_zh 一份manim中文教程文档 / manim tutorial document in Chinese (完善中) 项目地址: https://gitcode.com/g...
在 Manim 中，kwargs 传递的关键字参数
分享代码和经验
08-07 443
上面列出了 Manim 中一些最常用的关键参数以及类特有的参数。具体的参数可以通过查看 Manim 的文档或源代码以获取更详细的信息和可用的选项。在实际应用中，可以根据需要对这些参数进行组合和调整以实现所需效果。从GPT-4o获取更智能的答案。
manim中TextMobject is not defined的问题
codingclassonline
09-24 1273
最近从3blue1brown的视频知道了一个好东西：manim。可在照着示例写代码，想添加一些文字和公式时，却遇到一个报错： NameError: name 'TextMObject' is not defined 原来是版本不一样，TextMObject改成了TexText, TexMObject改成了Tex。 可以运行的源代码如下： from manimlib import * class WriteStuff(Scene): def construct(self):
Manim 中文教程文档项目介绍
gitblog_00870的博客
09-12 401
Manim 中文教程文档项目介绍 manim_document_zh 一份manim中文教程文档 / manim tutorial document in Chinese (完善中) 项目地址: https://gitcode.c...
jupyter-manim:IPythonJupyter的manim单元魔术显示输出视频
05-23
当使用%%manim单元魔术包装场景定义时，将3b1b的 （用于解释性数学视频的动画引擎）与Jupyter集成在一起，以显示最终的视频。 快速预览 上面示例中的代码来自出色的。 ，在浏览器中运行实时演示。 安装 pip3 ...
my_manim_projects:我的一些manim项目
05-14
其中一些素材和地址等由于某些文件的移动path可能有点不对，old_projects中的文件对应的manim版本较老（需要改改才能运行） 此外，由于编程水平有限，加上对Grant的代码理解有限，代码有时会出现不太好的实现方式，...
manim-projects:Manim制作的动画代码
04-10
通过研究这个“manim-projects-main”压缩包中的代码，你可以深入理解Manim的工作原理，并从中获取灵感来创建你自己的动画。记住，实践是学习Manim的最好方法，尝试运行和修改这些示例代码，你将逐渐掌握这个强大的...
VeighNa：强大的Python开源量化交易平台
Unity打怪升级
09-26 612
VeighNa（简称 VN 或 vn.py）是一个基于 Python 的开源量化交易平台，专为量化交易爱好者和专业交易员设计。VeighNa 是由国内开发者社区推动的开源项目，旨在提供一个功能丰富、灵活且易于扩展的量化交易解决方案。该框架不仅支持多种资产类别的交易，如股票、期货、期权、加密货币等，还支持多种交易接口和协议，使得用户能够轻松进行多市场、多品种的交易策略开发和部署。
Python精选200Tips：171-175
AnFany
09-26 1062
Python深度学习的项目
ubuntu安装libtorch
meng_152634的博客
09-25 707
nouveau是由第三方为NVIDIA显卡开发的一个开源3D驱动，ubuntu默认集成了nouveau驱动，安装NVIDIA驱动前必须禁用系统自带的显卡驱动nouveau，否则安装NVIDIA驱动时会报错。，一定要确定好安装的CUDA版本是否支持显卡的算力，否则安装成功也无法使用GPU加速。如果cmake版本低于3.18，会出现下面的报错，这是由于低于3.18的cmake不支持CUDA17的编译，需要更新cmake版本。因为安装的CUDA版本为12.1，这里选择最新版的CUDNN 9.4.0进行安装。
Python 高阶内容：套娃式装饰器巧妙为函数增加功能
敲代码别忘了喝上一杯凉白开。
09-23 574
装饰器是 Python 中一种非常强大且灵活的工具，能够在不修改函数本身的情况下，为函数增加额外的功能。本文介绍了装饰器的基本概念及应用，通过实例演示如何在函数执行前后添加额外操作，如鉴权、数据验证等，类似“套娃”般层层嵌套。文章还通过代码示例展示了如何定义和使用装饰器，以及如何将装饰器与实际业务逻辑结合，实现灵活的功能扩展。这种设计模式不仅可以提升代码的可读性和可维护性，还可以有效减少代码的冗余。掌握装饰器的用法，将为你的 Python 编程技巧增添更多亮点。
manim 中文显示
07-27
在使用Manim进行中文显示时，需要确保几个步骤： 1. 确保你的操作系统中已经安装了中文字体。可以在Linux系统中使用`fc-list :lang=zh`命令来查看系统中已安装的中文字体。 2. 在Manim脚本中，需要导入`manimlib.config`模块，并使用`manimlib.config.CONFIG`来配置中文字体。例如，可以在脚本的开头加入以下代码： ```python from manimlib.config import config config["tex_template"] = "ctex" ``` 3. 在使用中文文本时，需要使用带有中文字符的字符串，并在字符串前面加上一个小写字母'r'，表示该字符串是一个原始字符串。例如： ```python text = r"这是一个中文文本" ``` 4. 如果需要在动画中使用中文符号，可以直接输入中文字符即可。例如： ```python text = "这是一个包含中文符号：「」『』" ``` 通过以上步骤，你可以在Manim中成功显示中文。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Yasen.M

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值