Site icon George的生活點滴

Flet – Button

Button 是和使用者互動的基本元件,使用者透過點擊按鈕讓 Button 依指定的 function 來做出回應,例如新增、更新、刪除資料等等。 Flet 和 Flutter 一樣提供了兩種款式的 button:Material 和 Cupertino,這裡只用了幾個我比較常用的按鈕來說明,如果還想了解更多,官網上有詳細的介紹:


# Flet -Button
# 2024-08-14
# https://github.com/lcc728/flet/blob/main/ex_text.py
import flet as ft

def main(page: ft.Page):
    page.add(
        ft.TextButton(text="Text button"),
        ft.IconButton(
            icon="favorite",
            icon_color="red",
            icon_size=20,
            tooltip="IconButton ",
        ),
        ft.FilledButton(text="Filled button"),        
        ft.FilledTonalButton("FilledTonalButton with icon", icon="favorite", icon_color= "red"),  
        ft.OutlinedButton(text="Outlined button" , icon="favorite"),
        ft.ElevatedButton(text="Elevated button",url="https://www.george.tw", url_target =UrlTarget.BLANK),
        ft.FloatingActionButton(icon="favorite",bgcolor="red"),

        
    )
ft.app(target=main)

常用的 Button 類型

Button 上常用的屬性

更多的 Button 介紹,請參考官網

執行的結果

Source Code:https://github.com/lcc728/flet/blob/main/ex_text.py

Exit mobile version