Kivy 教程

Kivy - 主页

Kivy 基础知识

Kivy - 入门 Kivy - 安装 Kivy - 架构 Kivy - 文件语法 Kivy - 应用程序 Kivy - Hello World Kivy - 应用生命周期 Kivy - 事件 Kivy - 属性 Kivy - 输入 Kivy - 行为

Kivy 按钮

Kivy - 按钮 Kivy - 按钮事件 Kivy - 按钮颜色 Kivy - 按钮大小 Kivy - 按钮位置 Kivy - 圆形按钮 Kivy - 禁用按钮 Kivy - 图片按钮

Kivy 小部件

Kivy -小部件 Kivy - 标签 Kivy - 文本输入 Kivy - 画布 Kivy - 线条 Kivy - 复选框 Kivy - 下拉列表 Kivy - 窗口 Kivy - ScrollView Kivy - 轮播 Kivy - 滑块 Kivy - 图像 Kivy - 弹出窗口 Kivy - 开关 Kivy - 旋转器 Kivy - 拆分器 Kivy - 进度条 Kivy - 气泡 Kivy - 选项卡式面板 Kivy - 散点图 Kivy - 手风琴 Kivy - 文件选择器 Kivy - 颜色选择器 Kivy - 代码输入 Kivy - 模态视图 Kivy - 切换按钮 Kivy - 相机 Kivy - 树形视图 Kivy - reStructuredText Kivy - 操作栏 Kivy - 视频播放器 Kivy - 模板视图 Kivy - VKeyboard Kivy - 触摸涟漪 Kivy - 音频 Kivy - 视频 Kivy - 拼写 Kivy - 效果 Kivy - 输入记录器 Kivy - OpenGL Kivy - 文本 Kivy - 文本标记 Kivy - 设置

Kivy 布局

Kivy - 布局 Kivy - 浮动布局 Kivy - 网格布局 Kivy - 框布局 Kivy - 堆栈布局 Kivy - 锚点布局 Kivy - 相对布局 Kivy - 页面布局 Kivy - 循环布局 Kivy - 布局中的布局

Kivy 高级概念

Kivy - 配置对象 Kivy - Atlas Kivy - 数据加载器 Kivy - 缓存管理器 Kivy - 控制台 Kivy - 动画 Kivy - MultiStroke Kivy - 时钟 Kivy - SVG Kivy - UrlRequest Kivy - 剪贴板 Kivy - 工厂 Kivy - 手势 Kivy - 语言 Kivy - 图形 Kivy - 绘图 Kivy - 打包 Kivy - Garden Kivy - 存储 Kivy - 矢量 Kivy - Utils Kivy - Inspector 工具 Kivy - 工具 Kivy - 日志 Kivy - 帧缓冲区

Kivy 应用程序和项目

Kivy - 绘图应用程序 Kivy - 计算器应用程序 Kivy - 秒表应用程序 Kivy - 相机处理 Kivy - 图像查看器 Kivy - 贝塞尔曲线 Kivy - 画布应力 Kivy - 圆形绘制 Kivy - 小部件动画 Kivy - 杂项

Kivy - 按钮

按钮是任何 GUI 库(包括 Kivy)中最重要的元素之一。按钮对象由标签组成,通常用于指示其用途(例如带有"开始"标题的标签,或带有"文件夹"图标以指示"打开文件操作"),并且能够响应某些事件,例如触摸或鼠标单击。

Button 类在"kivy.uix.button"模块中定义。Button 对象的外观可以通过在 Label 类中定义的同一组属性来配置。 Button 类也继承自 ButtonBehavior mixin。

Button 对象使用以下语法实例化 −

b1 = Button(**kwargs)

要配置按钮,您可以将其属性指定为构造函数的关键字参数 −

  • background_color − 按钮的背景颜色是 ColorProperty,格式为 (r, g, b, a),默认值为 [1,1,1,1]。

  • background_disabled_down −按钮的背景图像是一个 StringProperty,即包含图像文件路径的字符串,用于禁用和按下按钮时的默认图形表示。

  • background_disabled_normal − 按钮的背景图像也是一个图像路径,用于禁用且未按下按钮时的默认图形表示。

  • background_down − 按下按钮时用作默认图形表示的按钮背景图像。

  • background_normal − 未按下按钮时用作默认图形表示的按钮背景图像。

除上述内容外,Button 还从 Label 类继承属性,其中一些属性如下 −

  • bold − 表示使用字体的粗体版本。它是一个 BooleanProperty,默认为 False。

  • underline − 为文本添加下划线。此功能需要 SDL2 文本提供程序,它是一个 BooleanProperty,默认为 False。

  • strikethrough − 为文本添加删除线。此功能需要 SDL2 文本提供程序。它是一个 BooleanProperty,默认为 False。

  • text − 标签的文本。例如 −

widget = Button(text='Hello world')

text 是一个 StringProperty,默认为 ''。

  • color − 文本颜色,格式为 (r, g, b, a)。它是一个 ColorProperty,默认为 [1, 1, 1, 1]。

  • font_size − 文本的字体大小,以像素为单位。"font_size"是一个 NumericProperty,默认为 15sp。

Button 类还从 ButtonBehavior 类继承了 state 属性。

  • state −按钮的状态必须是"正常"或"按下"之一。仅当按钮当前被触摸/单击时,状态才为"按下",否则为"正常"。它是一个 OptionProperty,默认为"正常"。

Button 类还从 Widget 类继承了 disabled、height、widthpos 等属性。

如果您想在 Kivy 应用程序窗口上显示按钮,则可以通过在 build() 方法中声明按钮对象来实现,或者使用"kv"语言脚本。

使用 build() 方法显示按钮

让我们使用上面解释的一些属性配置按钮 −

示例

from kivy.app import App
from kivy.uix.button import Button
from kivy.config import Config

# Configuration
Config.set('graphics', 'width', '720')
Config.set('graphics', 'height', '300')
Config.set('graphics', 'resizable', '1')

class HelloApp(App):
   def build(self):
      b1 = Button(text = "A Kivy Button",
         font_size=50,
         color = [0.8, 0.2, 0.3, 1])
      return b1

app = HelloApp()
app.run()

输出

运行此代码,您将获得以下输出

Kivy Button1

使用"kv"语言方法显示按钮

示例

将以下脚本保存为"hello.kv"。

Button:
   text: 'A Kivy Button'
   font_size: '20pt'
   underline: True
   background_color: [1,0,0,1]
   size_hint: (.25, .25)
   pos_hint: {'center_x':.5, 'center_y':.5}

输出

注释掉 App 类中的 build() 方法并再次运行应用程序。您将获得以下窗口作为 输出

kivy button2