数据展示 API

import appui

state = appui.State(
    items=[
        {"id": "a", "title": "Alpha", "done": False},
        {"id": "b", "title": "Beta", "done": True},
    ],
    selected="",
)


def item_key(item):
    return item["id"]


def select_item(item):
    state.selected = item["title"]


def row_view(item):
    def choose():
        select_item(item)

    icon = "checkmark.circle.fill" if item["done"] else "circle"
    return appui.Button(
        action=choose,
        content=appui.Label(item["title"], system_image=icon),
    )


def body():
    return appui.NavigationStack(
        appui.List([
            appui.Section("Items", [
                appui.ForEach(state.items, row_builder=row_view, key=item_key)
            ]),
            appui.Section("Selection", [
                appui.LabeledContent("Selected", value=state.selected or "None"),
            ]),
        ]).navigation_title("Data")
    )


appui.run(body, state=state)

import appui

state = appui.State(notify=True, email="ada@example.com")


def set_notify(value):
    state.notify = value


def set_email(value):
    state.email = value


def body():
    return appui.NavigationStack(
        appui.Form([
            appui.Section("Account", [
                appui.TextField(
                    "Email",
                    text=state.email,
                    on_change=set_email,
                    keyboard_type="emailAddress",
                ),
                appui.Toggle("Notifications", is_on=state.notify, on_change=set_notify),
            ], footer="Used for account notifications."),
        ]).navigation_title("Form")
    )


appui.run(body, state=state)

import appui


def body():
    return appui.NavigationStack(
        appui.Form([
            appui.Section("Summary", [
                appui.LabeledContent("Version", value="1.0"),
                appui.LabeledContent("Status", content=appui.Badge(text="New")),
            ]),
            appui.Section("Details", [
                appui.DisclosureGroup(
                    "Advanced",
                    is_expanded=False,
                    content=[
                        appui.GroupBox(
                            "Cache",
                            content=[appui.Text("Local cache is enabled.")],
                        )
                    ],
                )
            ]),
        ]).navigation_title("Groups")
    )


appui.run(body)

import appui

state = appui.State(selected="")
rows = [
    {"id": 1, "name": "Ada", "role": "Admin"},
    {"id": 2, "name": "Lin", "role": "Editor"},
]


def select_row(row):
    state.selected = row["name"]


def body():
    return appui.NavigationStack(
        appui.VStack([
            appui.Table(
                data=rows,
                columns=[
                    {"title": "ID", "key": "id"},
                    {"title": "Name", "key": "name"},
                    {"title": "Role", "key": "role"},
                ],
                on_select=select_row,
            ),
            appui.Text(state.selected or "No selection")
                .font("footnote")
                .foreground_color("secondaryLabel"),
        ], spacing=12)
        .padding()
        .navigation_title("Table")
    )


appui.run(body, state=state)

import appui


def body():
    return appui.NavigationStack(
        appui.List([
            appui.Section("Status", [
                appui.ProgressView(label="Loading"),
                appui.ProgressView(label="Progress", value=0.4, total=1.0)
                    .progress_view_style("linear"),
                appui.Gauge(value=0.72, min_value=0.0, max_value=1.0, label="Storage")
                    .gauge_style("accessory_circular"),
            ]),
            appui.Section("Links", [
                appui.Link(title="Apple", url="https://www.apple.com"),
                appui.ShareLink(item="Shared from AppUI", subject="AppUI", message="Hello"),
            ]),
            appui.Section("Empty", [
                appui.ContentUnavailableView(
                    title="No Results",
                    system_image="magnifyingglass",
                    description="Try another keyword.",
                ),
            ]),
        ]).navigation_title("Status")
    )


appui.run(body)

import appui
import time


def clock_text():
    return appui.Text(time.strftime("%H:%M:%S")).font("title")


def body():
    return appui.NavigationStack(
        appui.TimelineView(interval=1.0, content=clock_text())
        .padding()
        .navigation_title("Clock")
    )


appui.run(body)

import appui


def body():
    return appui.NavigationStack(
        appui.AttributedText(spans=[
            {"text": "AppUI ", "font_size": 20, "weight": "bold"},
            {"text": "rich text", "font_size": 20, "color": "systemBlue"},
            {"text": " with link", "link": "https://www.python.org", "underline": True},
        ])
        .padding()
        .navigation_title("Rich Text")
    )


appui.run(body)