Criar uma aplicação baseada em telas do zero a partir do Common Data ServiceCreate a canvas app from scratch using Common Data Service

Crie uma aplicação baseada em telas para gerir os dados armazenados no Common Data Service, através de entidades padrão (que estão incorporadas), entidades personalizadas (que a sua organização cria) ou ambas.Build a canvas app to manage data that's stored in Common Data Service, using standard entities (which are built in), custom entities (which your organization creates), or both.

Ao criar uma aplicação a partir do Common Data Service, não precisa de criar uma ligação do PowerApps, tal como acontece com as origens de dados como o SharePoint, o Dynamics 365 ou o Salesforce.When you build an app from Common Data Service, you don't need to create a connection from PowerApps, as you do with data sources such as SharePoint, Dynamics 365, or Salesforce. Só precisa de especificar as entidades que pretende mostrar ou gerir na aplicação.You need only to specify the entities that you want to show or manage in the app.

Pré-requisitosPrerequisites

Abrir uma aplicação em brancoOpen a blank app

  1. Inicie sessão no PowerApps.Sign in to PowerApps.

  2. Em Faça a sua própria aplicação, selecione Aplicação de tela de espaço vazio.Under Make your own app, select Canvas app from blank.

    Mosaico de aplicação em branco

  3. Especifique um nome para a sua aplicação, selecione Telefone e, em seguida, selecione Criar.Specify a name for your app, select Phone, and then select Create.

    Pode criar uma aplicação do zero para tablets, mas este tópico explica a criação de uma aplicação para telemóveis.You can build an app from scratch for tablets, but this topic shows building an app for phones.

Especificar uma entidadeSpecify an entity

  1. No meio do ecrã, selecione ligar aos dados.In the middle of the screen, select connect to data.

  2. No painel Dados, selecione Common Data Service, selecione a caixa de verificação Contas e, em seguida, selecione Ligar.In the Data pane, select Common Data Service, select the Accounts check box, and then select Connect.

  3. Feche o painel Dados ao selecionar o ícone de fechar no canto superior direito.Close the Data pane by selecting the close icon in the upper-right corner.

Adicionar um ecrã de listaAdd a list screen

  1. No separador Home Page, selecione a seta para baixo de Novo ecrã e, em seguida, selecione Lista.On the Home tab, select the down arrow for New screen, and then select List.

    Adicionar um ecrã de lista

  2. Na barra de navegação esquerda, selecione BrowseGallery1 e, em seguida, defina o valor da propriedade Itens para esta fórmula:In the left navigation bar, select BrowseGallery1, and then set the value of the Items property to this formula:

    SortByColumns(Search(Accounts; TextSearchBox1.Text; "name"); "name"; If(SortDescending1; SortOrder.Descending; SortOrder.Ascending))

    Esta fórmula especifica que:This formula specifies that:

    • A galeria deve mostrar dados da entidade Contas.The gallery should show data from the Accounts entity.

    • Os dados devem ser ordenados em ordem ascendente até um utilizador selecionar o botão de ordenação para alternar a sequência de ordenação.The data should be sorted in ascending order until a user selects the sort button to toggle the sort order.

    • Se um utilizador escrever ou colar um ou mais carateres na barra de pesquisa (TextSearchBox1), a lista apenas irá mostrar as contas cujo campo de nome contém os carateres que o utilizador especificou.If a user types or pastes one or more characters into the search bar (TextSearchBox1), the list will show only those accounts for which the name field contains the characters that the user specified.

      Pode utilizar estas e muitas outras funções para especificar a forma como a sua aplicação é apresentada e como se comporta.You can use these and many other functions to specify how your app appears and behaves.

      Definir a propriedade Itens da galeria

  3. Defina o esquema da galeria para mostrar apenas o nome de cada conta e configure a barra de título para mostrar a palavra Procurar conforme descrito em Personalizar uma galeria.Set the gallery's layout to show only the name of each account, and configure the title bar to show the word Browse, as Customize a gallery describes.

    Ecrã de procura

  4. Na barra de navegação à esquerda, paire o cursor do rato por cima de Screen1, selecione o ícone de reticências (...) e, em seguida, selecione Eliminar.In the left navigation bar, hover over Screen1, select the ellipsis icon (...), and then select Delete.

  5. Na barra de navegação à esquerda, paire o cursor do rato por cima de Screen2, selecione o ícone de reticências (...) e, em seguida, selecione Mudar o Nome.In the left navigation bar, hover over Screen2, select the ellipsis icon (...), and then select Rename.

  6. Escreva ou cole BrowseScreen e, em seguida, mude o nome da galeria nesse ecrã como BrowseGallery.Type or paste BrowseScreen, and then rename the gallery in that screen as BrowseGallery.

    Mudar o nome do ecrã de navegação, galeria

Adicionar um ecrã de formulárioAdd a form screen

  1. Repita o primeiro passo do procedimento anterior, exceto a adição de um Ecrã de formulário em vez de um Ecrã de lista.Repeat the first step of the previous procedure, except add a Form screen instead of a List screen.

  2. Defina a propriedade DataSource para Contas e a respetiva propriedade Item para BrowseGallery.Selected, conforme apresentado no separador Avançadas no painel da direita.Set the form's DataSource property to Accounts and its Item property to BrowseGallery.Selected, as the Advanced tab of the right-hand pane shows.

    Definir a propriedade Item e Origem de Dados do formulário

  3. Sobre o propriedades separador do painel da direita, selecione editar campos para abrir o campos painel.On the Properties tab of the right-hand pane, select Edit Fields to open the Fields pane.

  4. Selecione Adicionar campo e, em seguida, selecione as caixas de verificação destes campos:Select Add field, and then select the check boxes for these fields:

    • Nome da ContaAccount Name
    • Endereço 1: Rua 1Address 1: Street 1
    • Endereço 1: CidadeAddress 1: City
    • Endereço 1: Código postalAddress 1: ZIP/Postal code
    • Número de ColaboradoresNumber of Employees
    • Receita AnualAnnual Revenue

    Nota

    Fora neste cenário, pode criar um campo personalizado, selecionando novo campo, fornecer as informações necessárias e, em seguida, selecionar feito.Outside of this scenario, you can create a custom field by selecting New field, providing the required information, and then selecting Done. Mais informações: Criar um campo.More information: Create a field.

  5. Selecione Adicionar.Select Add.

  6. Defina a propriedade Texto da barra do título para mostrar Criar/Editar.Set the title bar's Text property to show Create/Edit.

    O ecrã reflete as suas alterações.The screen reflects your changes.

    Definir a propriedade Item e Origem de Dados do formulário

  7. Mude o nome deste ecrã para FormScreen.Rename this screen FormScreen.

Configurar íconesConfigure icons

  1. Em BrowseScreen, defina a propriedade OnSelect do ícone circular junto à parte superior do ecrã para esta fórmula:On the BrowseScreen, set the OnSelect property of the circular icon near the top of the screen to this formula:

    Refresh(Accounts)

    Ícone de atualização

  2. Defina a propriedade OnSelect do ícone de adição para esta fórmula:Set the OnSelect property of the plus icon to this formula:

    NewForm(EditForm1);; Navigate(FormScreen; ScreenTransition.None)

    Ícone de adição

  3. Defina a propriedade OnSelect da primeira seta a apontar para a direita para esta fórmula:Set the OnSelect property of the first arrow pointing to the right to this formula:

    EditForm(EditForm1);; Navigate(FormScreen; ScreenTransition.None)

    Ícone Seguinte

  4. Em FormScreen, defina a propriedade OnSelect do ícone Cancelar para esta fórmula:On the FormScreen, set the OnSelect property of the cancel icon to this formula:

    ResetForm(EditForm1);;Navigate(BrowseScreen; ScreenTransition.None)

    Ícone Cancelar

  5. Defina a propriedade OnSelect do ícone de marca de verificação para esta fórmula:Set the OnSelect property of the checkmark icon to this formula:

    SubmitForm(EditForm1);; Navigate(BrowseScreen; ScreenTransition.None)

    Ícone de marca de verificação

  6. No separador Inserir, selecione Ícones e, em seguida, o ícone de Lixo.On the Insert tab, select Icons, and then select the Trash icon.

  7. Defina a propriedade Cor do ícone Lixo para Branco e a respetiva propriedade OnSelect para esta fórmula:Set the Trash icon's Color property to White and its OnSelect property to this formula:

    Remove(Accounts; BrowseGallery.Selected);; Navigate(BrowseScreen; ScreenTransition.None)

    Ícone de lixo

Testar a aplicaçãoTest the app

  1. Na barra de navegação esquerda, selecione BrowseScreen e, em seguida, abra a Pré-visualização ao premir F5 (ou ao selecionar o ícone de reprodução junto ao canto superior direito).In the left navigation bar, select BrowseScreen, and then open Preview by pressing F5 (or by selecting the play icon near the upper-right corner).

    Abrir a Pré-visualização

  2. Alterne as sequências de ordenação da lista entre ascendente e descendente e filtre a lista por um ou mais carateres no nome da conta.Toggle the list between ascending and descending sort orders, and filter the list by one or more characters in the account name.

  3. Adicione uma conta, edite a conta que adicionou, comece a atualizar a conta, mas cancele as suas alterações e, em seguida, elimine a conta.Add an account, edit the account that you added, start to update the account but cancel your changes, and then delete the account.

Passos seguintesNext steps