MockStudioBuscar
← Guia
Capturar telas

Biblioteca de telas

Vídeo · Biblioteca de telas · 1min15s

A biblioteca guarda as telas que você já capturou dos sistemas (por exemplo, o Sistema de vendas), para usar em qualquer projeto sem precisar capturar de novo.

  • As telas ficam organizadas em coleções, uma para cada sistema.
  • Cada tela guarda a captura original, os estados (menus e combos abertos que você capturou), uma miniatura e o endereço de onde veio.
  • Ações não vão para a biblioteca. Lá a tela fica sempre no padrão. Quando você usa a tela num projeto, cria as ações lá.

Abrir

Clique no ícone da Biblioteca no topo (os livros na estante, ao lado dos Fluxos). A biblioteca abre mesmo sem projeto aberto.

A tela tem três partes:

  • à esquerda, as coleções;
  • no meio, as telas em miniatura;
  • à direita, os detalhes da tela escolhida.

Guardar telas na biblioteca

Capturando direto do sistema

  1. Na biblioteca, clique em Capturar para a biblioteca. Também dá pelo menu ⋯ de uma coleção: Capturar para esta coleção.
  2. Abre o navegador do app. No alto, o seletor de destino mostra Biblioteca: nome da coleção, em roxo. Ali você pode trocar a coleção, criar uma nova ou voltar para o projeto.
  3. Navegue no sistema (faça login, se precisar) e clique em Guardar na biblioteca (ou Ctrl+Shift+S).
  4. Para guardar um menu ou combo aberto, use Capturar estado. Ele fica anexado à tela da biblioteca.

Se a tela já estiver nessa coleção com o mesmo endereço, o app pergunta se você quer guardar outra cópia.

Enviando páginas do projeto

  1. Na biblioteca, clique em Enviar do projeto. Também dá pelo botão direito numa página da lista: Enviar para a biblioteca….
  2. Escolha a coleção (ou + Nova coleção…) e marque as páginas.
  3. Clique em Enviar.

Vai a captura original da página, com os estados. As mudanças feitas pelo Claude e as ações ficam só no projeto. Se a tela já existir na coleção, o app pergunta:

  • Substituir: troca pela nova captura. Use quando o sistema mudou.
  • Manter as duas: guarda outra cópia.
  • Pular estas: não envia as repetidas.

Encontrar uma tela

  • Digite na busca parte do nome ou do endereço. Exemplos: clientes ou pedidos/novo. Também dá para buscar pelo nome da coleção. O trecho encontrado fica destacado.
  • Ctrl+F vai para a busca, e Esc limpa o que foi digitado.
  • Clique numa coleção à esquerda para ver só as telas dela. Todas as telas mostra tudo.
  • Mais recentes ou Nome (A–Z) mudam a ordem.

Usar uma tela no projeto

  1. Abra o projeto onde a tela vai entrar.
  2. Na biblioteca, clique na tela e depois em Usar no projeto (ou Enter).
  3. A tela entra no fim da lista de páginas do projeto. O botão Abrir no projeto leva direto até ela.

A tela entra como cópia independente: mudar a tela no projeto não muda a biblioteca, e vice-versa. Ela continua com o endereço de origem, então dá para navegar de novo e capturar mais estados.

Escolher várias telas

  • Ctrl + clique escolhe ou tira uma tela. Shift + clique escolhe um intervalo.
  • Ctrl+A escolhe todas as telas que aparecem.
  • Também dá para clicar no quadradinho do canto da miniatura.

Com várias telas escolhidas, aparece uma barra embaixo com Usar no projeto, Mover para… e Excluir.

Organizar

  • Nova coleção: botão + ao lado de "Coleções".
  • Mover telas: arraste as telas até a coleção, à esquerda. Também dá para trocar a Coleção no painel da direita.
  • Renomear uma tela: edite o Nome no painel da direita.
  • Renomear ou excluir uma coleção: use o botão ⋯ da coleção. Ao excluir, você escolhe se as telas vão para Sem coleção ou se são apagadas junto.

Ver e navegar de novo

  • Visualizar: clique na miniatura grande do painel ou dê duplo clique no card. A tela abre navegável, sem ações.
  • Estados: clique na miniatura do estado para ver em tamanho grande.
  • Navegar de novo: abre o endereço de origem no navegador do app, já com destino na coleção da tela. Use para capturar estados ou outras telas do mesmo sistema.

Atualizar uma tela quando o sistema mudar (Recapturar)

  1. Na biblioteca, clique na tela e depois em Recapturar. Também dá pelo botão direito no card.
  2. O navegador do app abre no endereço da tela, em modo atualização. No alto aparece a faixa amarela Atualizando: nome da tela, e o botão vira Atualizar tela.
  3. Faça login, se precisar, chegue na tela e clique em Atualizar tela.
  4. O app confirma e substitui a tela da biblioteca pela tela de agora. O nome e a coleção continuam.
  5. Estados: os estados antigos continuam, mas ficam marcados como anterior. Para atualizar um deles, abra o menu ou combo na página e clique em Capturar estado. O app pergunta qual estado ele substitui, ou se é um estado novo.
  6. Para sair do modo atualização, clique no × da faixa amarela.

Bom saber:

  • A biblioteca não guarda versões: a captura anterior é trocada.
  • Se o endereço aberto for diferente do endereço da tela, o app avisa antes de atualizar.
  • Os projetos que já usaram a tela não mudam, porque cada um tem a própria cópia.
  • Estados que não servem mais podem ser removidos no × de cada estado, no painel da direita.

Exportar e importar (levar para outro PC ou passar para alguém)

As telas viajam num arquivo único .msbib, que leva as telas, os estados, as miniaturas, as imagens usadas e o nome das coleções.

Exportar:

  1. Clique em Importar / Exportar, no alto, e escolha:

    • As escolhidas: as telas que você marcou;
    • A coleção…: aparece quando há uma coleção aberta à esquerda;
    • A biblioteca inteira.

    Também dá pelo botão ⋯ da coleção (Exportar coleção…), pelo botão Exportar da barra de seleção ou pelo botão direito num card.

  2. Escolha onde salvar. O nome já vem sugerido, com a data.

  3. Aparece uma faixa verde com o tamanho do arquivo e o botão Mostrar no Explorer.

Importar:

  1. Clique em Importar / Exportar e depois em Importar arquivo (.msbib)…. Com a biblioteca vazia, também aparece o botão Importar arquivo.
  2. Escolha o arquivo. O app mostra o que vai entrar: as coleções (as que ainda não existem aparecem como coleção nova) e quantas telas tem cada uma.
  3. Se alguma tela já existir (mesmo nome e endereço, na mesma coleção), escolha:
    • Pular (padrão): mantém as telas que você já tem;
    • Substituir: troca pelas do arquivo. Use quando o arquivo for mais novo;
    • Manter as duas: guarda uma cópia a mais.
  4. Clique em Importar. As telas importadas ficam escolhidas na grade, para você ver na hora.

Onde fica

A biblioteca fica numa pasta própria. O padrão é _Biblioteca, dentro da pasta de projetos.

  • Trocar pasta (no canto de baixo, à esquerda) muda o lugar da biblioteca.
  • O ícone de pasta, no alto, abre a pasta no Explorer.

Atalhos

Atalho O que faz
Ctrl+F Vai para a busca
Esc Limpa a busca, tira a seleção ou fecha a biblioteca
Ctrl+A Escolhe todas as telas visíveis
Enter Usa as telas escolhidas no projeto
Delete Exclui as telas escolhidas (pede confirmação)
Duplo clique Visualiza a tela
Botão direito no card Visualizar, usar no projeto, recapturar, navegar de novo, renomear, mover, excluir
Próximo tópicoConversar com o Claude