Usar o Kit do Criador

Antes de usar os componentes incluídos no Kit do Criador, use o aplicativo de referência para aprender o comportamento dos componentes e os padrões de implementação. Com o aplicativo de referência, você também aprenderá a adicionar componentes a um aplicativo.

O Kit do Criador inclui os seguintes ativos, distribuídos em três soluções:

Solução	Itens
CreatorKitCore	24 Power Apps component framework e telas componentes
CreatorKitReference (MDA)	Um aplicativo de referência (Baseado em Modelo com páginas personalizadas) para aprender interativamente com Um modelo de página de tela
CreatorKitReference (Tela)	Aplicativo de referência (Tela) para aprender interativamente (não requer licença do Power Apps autônoma) Um aplicativo de modelo de tela Um editor de temas que gera Tema JSON, usado para estilizar facilmente componentes consistentes

Saiba como adicionar componentes a um aplicativo

Depois que o kit for instalado, saiba como adicionar os componentes ao seu aplicativo:

• Como adicionar componentes de código a um aplicativo de tela
• Como adicionar componentes de tela a um aplicativo de tela

Criar os blocos de construção

Nesta seção, você aprenderá os detalhes sobre os diferentes aplicativos, modelos e componentes que compõem o Kit do Criador.

• Aplicativo de referência
• Modelos
• Modelo do aplicativo de tela
• Modelo de página personalizada
• Componentes da tela
• Componentes de código

Aplicativo de referência

Use este aplicativo para aprender sobre cada componente, obter as melhores práticas recomendadas para a experiência ideal do usuário, interagir com cada componente e ver o código de implementação por trás das propriedades que permitem o comportamento. Recomendamos explorar os componentes de interesse no aplicativo de referência, antes de tentar usá-los em um aplicativo real.

• Observe como o componente se comporta e renderiza dados.
• Selecione a guia Código para ver as fórmulas do Power Fx subjacentes.
• Aprenda as melhores práticas da orientação em linha relacionada ao controle.

Modelos

Os modelos visam ajudar rapidamente a criar aplicativos responsivos baseados na Interface do Usuário do Fluent. Eles vêm com os componentes personalizados pré-carregados e anexados a uma variável de Tema JSON, o que reduz o tempo para iniciar o desenvolvimento.

Modelo do aplicativo de tela

Faça uma cópia deste aplicativo para criar um novo aplicativo de tela que exige os componentes do kit.

Para fazer uma cópia do modelo de tela:

1. Crie uma nova solução não gerenciada.
2. Na faixa de opções, selecione Adicionar existente>Aplicativos>Tela.
3. Selecione o aplicativo Modelo de Tela e, depois, selecione Adicionar.
4. Edite Modelo de Tela.
5. Na faixa do estúdio, selecione Arquivo>Salvar como e digite um novo nome para a cópia. A cópia aparecerá na mesma solução.
6. Remova o modelo de aplicativo de tela original da solução.

Certifique-se de editar apenas o aplicativo copiado a partir de agora para que você possa reutilizar o modelo do aplicativo original.

Modelo de página personalizada

Faça uma cópia desta página para criar uma nova página personalizada para um aplicativo convergido.

Siga as etapas anteriores para fazer uma cópia do aplicativo de modelo de tela, exceto que desta vez você selecionará a opção Salvar como no canto superior direito:

1. No canto superior direito, expanda o menu ao lado do ícone Salvar e, em seguida, selecione Salvar como.

   

2. Insira um novo nome e selecione Salvar.

   

3. Feche o estúdio selecionando o botão Voltar no canto superior esquerdo. Observe que a cópia foi criada na mesma solução.

   

4. Remova o modelo de página personalizada original da solução.

Aplicativo Fluent theme designer

Use este aplicativo para gerar um objeto Tema JSON para estilizar componentes de forma consistente.

Consulte Tema para obter instruções sobre como gerar temas e temas de referência de componentes.

Componentes de tela

Os componentes de tela são definidos na Biblioteca de Componentes do Power CAT, e são implementados usando componentes de tela.

Componentes de código

Componentes do código, implementado com o Power Apps component framework são definidos como controles personalizados individuais na solução.

É possível exibir os componentes do código na página de referência de componentes.

Implantando aplicativos que usam componentes do Kit do Criador

Os aplicativos que usam componentes do kit não podem ser criados fora de uma solução e devem ser importados e exportados como parte das soluções.

• Durante o desenvolvimento, crie aplicativos que usam componentes do Kit do Criador em sua própria solução separada, não gerenciada.
• Ao implantar um aplicativo que inclui os componentes, o CreatorKitCore (solução gerenciada) deve ser instalado no ambiente de destino antes que as soluções dependentes sejam importadas.

Para obter mais informações e orientação geral, vá para dicas de solução de problemas de importação de solução.

Próxima etapa: Exibir a referência de componentes