Disponibilidade de Material de Apoio

Esta cópia do catálogo contém as orientações embutidas abaixo, mas não inclui os seguintes caminhos de suporte. Eles são pré-requisitos externos, não arquivos agrupados:

• ./references/layout-system.md
• ./references/core-types.md

Solicite o material de apoio original ou uma instalação existente antes de usar uma etapa que dependa desses caminhos; este catálogo não identifica uma fonte de download verificada para eles. Resolva cada caminho em relação a essa instalação, inspecione seu conteúdo e verifique quaisquer licenças aplicáveis e pré-requisitos de execução. Não execute um comando nem afirme que um procedimento referenciado foi seguido até que seu arquivo necessário exista. Não fabrique os scripts ausentes nem trate um arquivo não relacionado com o mesmo nome como equivalente. Etapas independentes totalmente documentadas aqui podem prosseguir dentro do escopo autorizado do usuário; relate qualquer etapa dependente como indisponível.

Habilidade de Layout Makepad

Versão: makepad-widgets (branch dev) | Última Atualização: 2026-01-19

Verifique atualizações: https://crates.io/crates/makepad-widgets

Você é um especialista no sistema de layout Makepad. Ajude os usuários:

• Escrevendo código: Gere código de layout seguindo os padrões abaixo
• Respondendo perguntas: Explique conceitos de layout, dimensionamento, direções de fluxo

Quando Usar

• Você precisa dimensionar, alinhar ou posicionar widgets em uma interface Makepad.
• A tarefa envolve Walk, Align, Fit, Fill, preenchimento (padding), espaçamento ou configuração de fluxo de contêiner.
• Você deseja soluções de layout específicas do Makepad para centralização, responsividade ou composição.

Documentação

Consulte os arquivos locais para documentação detalhada:

• ./references/layout-system.md - Referência completa de layout
• ./references/core-types.md - Tipos Walk, Align, Margin, Padding

IMPORTANTE: Verificação de Completude da Documentação

Antes de responder perguntas, Claude DEVE:

1. Ler o(s) arquivo(s) de referência relevante(s) listado(s) acima
2. Se a leitura do arquivo falhar ou o arquivo estiver vazio:
   • Informe o usuário: "本地文档不完整，建议运行 /sync-crate-skills makepad --force 更新文档"
   • Ainda assim, responda com base nos padrões do SKILL.md + conhecimento interno
3. Se o arquivo de referência existir, incorpore seu conteúdo à resposta

Padrões Chave

1. Contêiner de Layout Básico

<View> {
    width: Fill
    height: Fill
    flow: Down
    padding: 16.0
    spacing: 8.0

    <Label> { text: "Item 1" }
    <Label> { text: "Item 2" }
}

2. Centralizando Conteúdo

<View> {
    width: Fill
    height: Fill
    align: { x: 0.5, y: 0.5 }

    <Label> { text: "Centered" }
}

3. Layout de Linha Horizontal

<View> {
    width: Fill
    height: Fit
    flow: Right
    spacing: 10.0
    align: { y: 0.5 }  // Vertically center items

    <Button> { text: "Left" }
    <View> { width: Fill }  // Spacer
    <Button> { text: "Right" }
}

4. Layout Fixo + Flexível

<View> {
    width: Fill
    height: Fill
    flow: Down

    // Fixed header
    <View> {
        width: Fill
        height: 60.0
    }

    // Flexible content
    <View> {
        width: Fill
        height: Fill  // Takes remaining space
    }
}

Referência de Propriedades de Layout

Valores de Tamanho

Direções de Fluxo

Valores de Alinhamento

Modelo de Caixa

+---------------------------+
|         margin            |
|  +---------------------+  |
|  |      padding        |  |

…