KivyMD——MDToolbar

最新推荐文章于 2024-09-27 10:11:28 发布

weixin_50978500

最新推荐文章于 2024-09-27 10:11:28 发布

阅读量686

点赞数 17

分类专栏： KivyMD 文章标签： python

本文链接：https://blog.csdn.net/weixin_50978500/article/details/140658077

版权

KivyMD 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

1. 简介

MDToolbar是KivyMD中用于显示应用程序标题和导航栏的工具栏控件。它具有许多属性和方法，可以自定义工具栏的外观和行为。

2. 基本用法

要创建一个MDToolbar，您可以使用以下代码：

Python

from kivymd.app import MDApp
from kivymd.uix.toolbar import MDToolbar

class MyMDApp(MDApp):

    def build(self):
        toolbar = MDToolbar(title="My App", left_action_items=[["menu", lambda x: None]])
        return toolbar

if __name__ == "__main__":
    MyMDApp().run()

此代码将创建一个新的MDToolbar实例，并设置其标题为“My App”。它还将添加一个左导航按钮，点击时会触发一个空函数。

您可以将MDToolbar添加到任何Kivy布局中。以下是如何将其添加到MDScreen中的示例：

Python

from kivymd.app import MDApp
from kivymd.uix.screen import MDScreen
from kivymd.uix.toolbar import MDToolbar

class MyMDScreen(MDScreen):

    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.toolbar = MDToolbar(title="My Screen")
        self.add_widget(self.toolbar)

class MyMDApp(MDApp):

    def build(self):
        return MyMDScreen()

if __name__ == "__main__":
    MyMDApp().run()

3. 属性

MDToolbar具有许多属性，可用于自定义其外观。以下是一些常用的属性：

title: 工具栏标题
elevation: 工具栏阴影高度
theme_toolbar_background_color: 工具栏背景颜色，可选值为Material Design主题中的颜色名称
toolbar_background_color: 工具栏背景颜色，可以使用RGBA格式的元组指定
left_action_items: 左导航按钮列表，每个按钮是一个元组，第一个元素是按钮图标名称，第二个元素是按钮点击时触发的回调函数
right_action_items: 右导航按钮列表，每个按钮是一个元组，第一个元素是按钮图标名称，第二个元素是按钮点击时触发的回调函数
top_action_items: 顶部按钮列表，每个按钮是一个元组，第一个元素是按钮图标名称，第二个元素是按钮点击时触发的回调函数
md_logo: 工具栏徽标，可以使用MDIcon图标或图像

以下是如何设置一些属性的示例：

Python

toolbar = MDToolbar(
    title="Custom Toolbar",
    elevation=20,
    theme_toolbar_background_color="Primary",
    toolbar_background_color=(0.2, 0.4, 0.6, 1),
    left_action_items=[["menu", lambda x: None], ["home", lambda x: None]],
    right_action_items=[["search", lambda x: None]],
    top_action_items=[["settings", lambda x: None]],
    md_logo=MDIcon("google"),
)

4. 方法

MDToolbar还提供了一些方法，可用于控制其行为。以下是一些常用的方法：

5. 不同的类型的MDToolbar

KivyMD提供了几种不同类型的MDToolbar，您可以根据需要选择使用。以下是一些常见的类型：

以下是如何创建不同类型的MDToolbar的示例：

Standard Toolbar:

Python

from kivymd.app import MDApp
from kivymd.uix.toolbar import MDToolbar

class MyMDApp(MDApp):

    def build(self):
        toolbar = MDToolbar(
            title="My App",
            left_action_items=[["menu", lambda x: None]],
            right_action_items=[["search", lambda x: None]],
        )
        return toolbar

if __name__ == "__main__":
    MyMDApp().run()

Top Navigation Toolbar:

Python

from kivymd.app import MDApp
from kivymd.uix.toolbar import MDToolbar

class MyMDApp(MDApp):

    def build(self):
        toolbar = MDToolbar(
            title="My App",
            top_action_items=[["settings", lambda x: None]],
        )
        return toolbar

if __name__ == "__main__":
    MyMDApp().run()

Tab Bar:

Python

from kivymd.app import MDApp
from kivymd.uix.tab import MDTabs
from kivymd.uix.tabbar import MDTabBar
from kivymd.uix.screen import MDScreen

class MyMDScreen(MDScreen):

    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.tab_bar = MDTabBar(
            md_tabs=[
                MDTab(text="Tab 1", screen=MyMDScreen1()),
                MDTab(text="Tab 2", screen=MyMDScreen2()),
            ]
        )
        self.add_widget(self.tab_bar)

class MyMDScreen1(MDScreen):

    pass

class MyMDScreen2(MDScreen):

    pass

class MyMDApp(MDApp):

    def build(self):
        return MyMDScreen()

if __name__ == "__main__":
    MyMDApp().run()

Search Bar:

Python

from kivymd.app import MDApp
from kivymd.uix.textfield import MDTextField
from kivymd.uix.toolbar import MDToolbar

class MyMDApp(MDApp):

    def build(self):
        search_bar = MDTextField(
            text="",
            pos_hint={"center_x": 0.5, "top": 1},
            padding=(15, 0),
            use_theme_colors=True,
            line_color_focus=(0, 0, 0),
            theme_text_color="Custom",
            text_color=(0, 0, 0),
            on_text_validate=lambda instance, text: print(f"Search text: {text}"),
        )
        toolbar = MDToolbar(title="My App", right_action_items=[["search", lambda x: None]])
        toolbar.add_widget(search_bar)
        return toolbar

if __name__ == "__main__":
    MyMDApp().run()