Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
O Cronapp possui novas algumas ferramentas de para a visualização de arquivos, através delas podemos visualizar a exibição de arquivos como: PDF, PNG, JPG, SVG e HTML dentro da IDE. Confira abaixo o funcionamento de cada uma delas.
Informações | ||
---|---|---|
| ||
É aconselhável inserir PDF's e imagens na pastar Resources (Caminho no modo avançado: src/main/resources/assets). |
Visualizador de PDF
Recomendamos sempre utilizar o diretório Mídias (localização:
) para inserir conteúdo estático, como imagens, pdf's e outros arquivos ou o diretório Documentação (localização:
) para arquivos referente a documentação do sistema. |
Criação de diretórios
Caso necessário, é possível criar diretórios para organizar a estrutura de arquivos dentro do projeto. A figura abaixo ilustra como podemos criar um diretório dentro da aba Documentação (localização: Documentação/
Tooltip | ||||
---|---|---|---|---|
| ||||
Endereço: |
), o processo é o mesmo para a criação de qualquer diretório.
Image Added
Figura 1 - Criação do diretório
- Clique com o botão direito em Documentação;
- Em seguida, clique em Diretório.
- Por fim, dê um nome ao diretório que será criado.
Upload de arquivos
Para visualizar qualquer tipo de arquivo, inicialmente precisamos inseri-los em um diretório no Cronapp, confira na figura 1.1Exibe o arquivo em PDF da mesma forma que seria exibido no navegador, o modo de exibição varia conforme o navegador utilizado.
Image Modified
Figura 1.1 - Upload de um arquivo PDF
O Os passos mostrados na imagem acima , serão os mesmos para a criação de qualquer arquivo.
- Escolha a pasta de sua preferência dentro da pasta Recursos
- dentro da estrutura do projeto e clique com o botão direito para exibir o menu de contexto;
- Selecione a opção Novo;
- Selecione a opção Fazer Upload, existem duas formas de fazer o upload de um arquivo , a primeira é clicando no botão
- :
- Clique no botão Add, dessa forma será aberta uma janela de seleção de arquivos do seu computador
, a segunda forma é arrastando - ou
- Arraste diretamente o arquivo de sua escolha para a
tela - tela Envio de arquivo.
Âncora | ||||
---|---|---|---|---|
|
Visualizador de PDF
Exibe o arquivo em PDF usando o visualizador do próprio navegador, dessa forma, o modo de exibição varia conforme o navegador utilizado.A figura 1.12 ilustra o visualizador de PDF utilizando o Chrome como navegador. Se o usuário estivesse utilizando o Internet ExplorerMicrosoft Edge, Opera ou Firefox, o PDF seria exibido da mesma forma que é apresentado nelevisualizado a partir do visualizador de PDF desses navegadores.
Image Modified
Figura 1.1 2 - Visualizador de PDF utilizando o Chrome
Visualizador de imagens
Exibe o arquivo de imagens do tipo PNG, JPG, JPEG e SVG, . Atualmente o visualizador de imagens tem a única função de zoom in (CTRL +
scroll do mouse para frente
) e zoom out (CTRL + scroll do mouse para trás
).
Image Modified
Figura 1.2 3 - Visualizador de imagens
title | Fonte |
---|
imagens
acima: https://pixabay.com/pt/vectors/gatos-animais-de-estima%c3%a7%c3%a3o-animais-7122943/Editor de documentos
O editor de documentos é uma ferramenta ideal para criação de documentações do sistema. Inicialmente precisamos criar um diretório na parte Para gerar um arquivo de documentação, confira a imagem abaixo.
Image Removed
Figura 1.3 - Criação do diretório
Cliqueclique com o botão direito
em Documentação;Agora precisamos criar o arquivo de documentação dentro desse diretório, repita o mesmo processo, mas no passo 3 clique em Documentação.
title | Observação |
---|
sobre o diretório Documentação, ou qualquer diretório dentro dele, e selecione no menu de contexto Novo > Documentação, em seguida, selecione a opção "HTML Vazio" na janela que abrir, avance, informe um nome para o arquivo e clique em Finalizar. Também é possível criar uma documentação clicando no ícone ( + ) que aparece ao passar o mouse sobre o diretório.
O Editor de Documentos pode ser usado para abrir arquivos simples em HTML, para isso, clique com o botão direito no arquivo, selecione Abrir com > Editor de Documentos (Figura 1.4).
Image Added
Figura 1.4 - Abrindo o editor de documentos
Informações | ||
---|---|---|
| ||
As opções Editor de Texto, Navegador e Editor de documentos estão presentes também nos formulários web/mobile. Uma vez que o arquivo esteja aberto, as opções do menu Abrir com, só serão visíveis novamente quando o arquivo for fechado. |
O editor exibido é um editor de texto rico, nele é possível fazer alterações de vários tipos, como por exemplo: mudar o tamanho, cor e estilo da fonte, colocar a frase ou parágrafo em negrito, itálico ou sublinhado, etc.
Image Added
Figura 1.5 - Editor de documentos
Os recursos de formatação do texto rico vão gerar código HTML que pode ser acessível através da opção "Código-Fonte" (destaque 1 da figura 1.6). Qualquer alteração feita no Código-Fonte, alterará o texto presente no visualizador, e vice-versa. No exemplo da figura abaixo estamos adicionando a propriedade style="color:#e74c3c"
ao segundo parágrafo, "Camadas", perceba que a alteração feita no código refletiu no texto do editor. O mesmo aconteceria se alterássemos manualmente a cor do parágrafo, a tag style="color:#e74c3c"
seria aplicada ao Código-Fonte.
Image Added
Figura 1.6 - Editor de documentos Código-Fonte
Navegador
O navegador é um visualizador de páginas HTML, funciona como um pré-visualizador de como a página irá ser renderizada na web. Se abrirmos o arquivo com o Navegador, ele irá exibir a página da mesma forma que seria exibida na web, inclusive com os links funcionando.
Image Added
Figura 1.7 - Navegador
Nessa página
Índice |
---|