Kivy 自学笔记（二）：BoxLayout

最新推荐文章于 2025-11-03 20:11:11 发布

原创

最新推荐文章于 2025-11-03 20:11:11 发布 · 644 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#python #前端 #android

文章介绍了Kivy框架中BoxLayout的使用，包括定向（orientation）、尺寸提示（size_hint）、位置提示（pos_hint）和间隔（spacing）等属性。示例代码展示了如何创建和配置BoxLayout以实现子控件的水平或垂直排列，并特别提到size_hint和pos_hint在确定控件大小和位置时的作用。

2023年1月15日，更新（纠错）中。

声明：1、本文章总结自该系列视频，且为个人用笔记，转载需注明出处。2、让人不适的评论将会被删评+屏蔽。

BoxLayout用于水平（竖直）排列子控件。

一、代码与解释

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.uix.boxlayout import BoxLayout

class BoxLayoutTest(BoxLayout)

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LaciliaExe

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaSwing_1.4: BoxLayout（箱式布局）

谢TS的博客

05-30

5万+

BoxLayout，箱式布局管理器。它把若干组件按水平或垂直方向依次排列放置。Swing 提供了一个实现了 BoxLayout 的容器组件Box。使用 Box 提供的静态方法，可快速创建水平/垂直箱容器(Box)，以及填充组件之间空隙的不可见组件。用水平箱和垂直箱的组合嵌套可实现类似于 GridBagLayout 的效果，但没那么复杂。

【kivy自学笔记】快速入手kivy（Kivy 安装及使用教程），含中文文档，使用参考文章！

最新发布

C++、Python、Linux、人工智能、车载开发、QT开发、AI绘画。

11-03

1054

本文全面介绍Python跨平台GUI框架Kivy的开发指南，涵盖安装配置、核心概念、UI组件、布局管理、KV语言、动画系统与数据绑定等核心技术。通过对比分析Kivy与其他GUI框架的差异，突出其一次编写多端运行的优势，特别适合移动触控应用开发。教程包含多个实战案例，从基础组件组合到复杂多页面应用，最终完成一个具备数据持久化的待办事项App项目。文章还提供了避坑指南与最佳实践，帮助开发者解决常见问题。Kivy凭借声明式UI开发、强大的动画系统和原生触控支持，成为Python跨平台应用开发的高效解决方案。

Kivy教程之盒子布局 BoxLayout将子项排列在垂直或水平框中（教程含源码）

iCloudEnd的博客

07-03

530

BoxLayout将子项排列在垂直或水平框中。

Kivy之BoxLayout布局

GrofChen的博客

06-25

1602

代码： import kivy kivy.require("1.9.1") from kivy.app import App from kivy.uix.label import Label from kivy.uix.boxlayout import BoxLayout class BoxLayoutApp(App): def build(self): HB = BoxLayout(orientation='horizontal') # 定义盒子，并设置内部的部件水平排列

《Python+Kivy(App开发)从入门到实践》自学笔记：BoxLayout布局

lstef的博客

10-18

1930

《Python+Kivy(App开发)从入门到实践》自学笔记：BoxLayout布局

kivy自学笔记

09-26

Kivy自学笔记包含多方面内容： ### 构建基本的 Kivy 应用基本的 Kivy 应用需要一个`main.py`与`.kv`文件。`main.py`为主程序文件，`.kv`文件主要用于搭建窗口布局（类似于 PyQt 中的`.ui`文件）。虽然理论上可以在 ...

【Kivy自学笔记】Python开发App必备！Kivy页面布局详解（含视频&源码）

XiaoqiangClub的博客

06-10

3780

文章目录Kivy页面布局 Kivy页面布局在移动开发中，为了兼容不同版本、系统、型号的机型，进行页面布局时往往要耗费大量的时间。在 Kivy 中，为我们提供了一组非常灵活的布局方式，开发者只需要计算和分配窗口小部件的位置即可。Kivy中主要有以下几种布局方式：FloatLayout、BoxLayout、AnchorLayout、GridLayout、RelativeLayout、ScatterLayout、StackLayout，下面我们就一起来学习这些布局的用法吧！ ...

《Python+Kivy(App开发)从入门到实践》自学笔记：FloatLayout布局

lstef的博客

10-17

1530

《Python+Kivy(App开发)从入门到实践》自学笔记：FloatLayout 布局

《Python+Kivy(App开发)从入门到实践》自学笔记：简单UX部件——Button按钮

lstef的博客

11-01

3095

《Python+Kivy(App开发)从入门到实践》自学笔记：简单UX部件——Button按钮

BoxLayout

m0_65546127的博客

04-22

324

package kl; import javax.swing.*; import java.awt.*; public class Demo { public static void main(String[] args) { Frame frame=new Frame("这里测试BoxLayout"); BoxLayout boxlayout=new BoxLayout(frame,BoxLayout.Y_AXIS); frame.setLa.

BoxLayout（箱式布局）

WUTAO2213的博客

04-07

545

BoxLayout（箱式布局）转载于:https://www.cnblogs.com/trnanks/p/10667375.html

kivy BoxLayout说明

大白菜代码的博客

12-30

663

from kivy.app import App from kivy.uix.boxlayout import BoxLayout from kivy.uix.button import Button from kivy.lang import Builder class MyBoxLayout(BoxLayout): pass class BoxLayoutApp(App): def build(self): # 加载kv文件 Builder.load

kivy自学记录

weixin_39726796的博客

10-11

871

注：kviy学习笔记记录！

Kivy 自学笔记（一）：构建基本的 Kivy 应用

G2yyyy的博客

01-14

964

最基本的kivy应用构建。

kivy报错 AttributeError: 'BoxLayout' object has no attribute 'font_size'

06-19

### Kivy中BoxLayout对象没有font_size属性的错误解决方案在Kivy中，`BoxLayout` 是一种布局管理器，用于组织子小部件的位置和大小。然而，`BoxLayout` 本身并不具备像 `font_size` 这样的属性，因为这些属性通常属于具体的 UI 小部件（如 `Label` 或 `Button`）。如果尝试直接访问 `BoxLayout` 的 `font_size` 属性，将会引发 `AttributeError` 错误[^1]。 #### 解决方案以下是解决该问题的详细方法： 1. **明确属性归属的小部件** 确保将 `font_size` 属性分配给实际支持该属性的小部件，例如 `Label` 或 `Button`。以下是一个示例代码，展示如何正确设置字体大小： ```python from kivy.app import App from kivy.uix.boxlayout import BoxLayout from kivy.uix.label import Label class MyBoxLayout(BoxLayout): def __init__(self, **kwargs): super(MyBoxLayout, self).__init__(**kwargs) self.orientation = 'vertical' label = Label(text="Hello, World!", font_size=24) # 设置Label的font_size self.add_widget(label) class MyApp(App): def build(self): return MyBoxLayout() if __name__ == '__main__': MyApp().run() ``` 2. **检查代码逻辑** 如果在代码中错误地尝试为 `BoxLayout` 设置 `font_size`，需要重新审视代码逻辑，确保属性被分配给正确的对象。例如，避免以下错误代码： ```python box_layout = BoxLayout(font_size=24) # 错误：BoxLayout没有font_size属性 ``` 3. **使用KV语言定义界面** 使用 KV 语言可以更清晰地定义界面元素及其属性。以下是一个 KV 文件示例，展示如何正确设置字体大小： ```python from kivy.app import App from kivy.uix.boxlayout import BoxLayout from kivy.lang import Builder Builder.load_string(""" <MyBoxLayout>: orientation: 'vertical' Label: text: "Hello, World!" font_size: 24 # 正确：Label的font_size """) class MyBoxLayout(BoxLayout): pass class MyApp(App): def build(self): return MyBoxLayout() if __name__ == '__main__': MyApp().run() ``` 4. **排查其他潜在问题** 如果仍然遇到类似错误，可能是因为代码结构问题。例如，某些属性可能被错误地定义在类级别而非实例方法中[^4]。确保所有与小部件相关的属性都在初始化方法（如 `__init__`）中正确设置。 #### 注意事项 - `BoxLayout` 只负责管理其子小部件的布局，而不直接处理字体、颜色等视觉属性。 - 如果需要动态调整字体大小，可以通过绑定事件或使用属性更新机制实现。 ### 示例代码以下是一个完整的示例，展示如何在 `BoxLayout` 中正确设置字体大小： ```python from kivy.app import App from kivy.uix.boxlayout import BoxLayout from kivy.uix.button import Button from kivy.uix.label import Label class MyBoxLayout(BoxLayout): def __init__(self, **kwargs): super(MyBoxLayout, self).__init__(**kwargs) self.orientation = 'vertical' # 添加一个Label并设置font_size label = Label(text="Welcome to Kivy!", font_size=30) self.add_widget(label) # 添加一个Button并设置font_size button = Button(text="Click Me", font_size=20) self.add_widget(button) class MyApp(App): def build(self): return MyBoxLayout() if __name__ == '__main__': MyApp().run() ```