Usando gráficos SVG: referência rápida

Este tópico descreve tarefas comuns que você pode realizar para adicionar e manipular arquivos Scalable Vector Graphics ( ) no Visual Mobile Designer para aplicativos Java ME MIDP. Para obter informações mais detalhadas, clique nos links da coluna à direita.

Para desempenhar esta tarefa Siga estas etapas
Adicionar um arquivo SVG ao projeto
  • Coloque o arquivo que deseja usar no diretório <project_home>/src do projeto.
  • Adicione uma pasta com arquivos SVG na categoria Construir > Biblioteca e Recursos na caixa de diálogo Propriedades do projeto.
  • Adicione um armazenamento zipado de arquivos SVG na categoria Construir > Bibliotecas e Recursos na caixa de diálogo Propriedades do projeto.
Visualizar um gráfico SVG
  • Na janela Projetos > Arquivos > Favoritos, clique duas vezes no nome do arquivo.
Criar um arquivo SVG novo, vazio
  1. Escolha Arquivo > Novo arquivo (Ctrl-N).
  2. Em Categorias, escolha Outra.
  3. Em Tipos de arquivo, escolha Arquivo SVG. É criado um arquivo SVG Tiny 1.1 vazio.
Visualizar e editar o código-fonte de um gráfico SVG
  • Clique no botão Código-fonte na parte superior do Visualizador de SVG.
    O código-fonte é exibido no Editor XML do IDE.
Inserir formas no código-fonte de um gráfico
  • Arraste uma forma básica da paleta na direita e arraste-a para o código-fonte.
    Você poderá então manipular o gráfico na Visualização.
Efetuar zoom em uma visualização
  • Escolha uma porcentagem de zoom do menu suspenso na barra de ferramentas do SVG.
    • Clique na lente de aumento para aumentar ou diminuir o zoom em 10%.
    • Clique na caixa à esquerda do zoom para encaixar a imagem na tela.
Filtrar a visualização Navegador
  • Clique com o botão direito do mouse em um ID de gráfico do SVG no Navegador e escolha um destes três filtros ou todos eles:
    • Exibir atributos
    • Exibir somente os elementos com um ID definido
    • Exibir somente elementos de animação
Executar uma animação
  1. Na janela Projetos, clique duas vezes no nome do arquivo SVG.
  2. Clique com o botão direito do mouse na animação e escolha Iniciar animação.

Você também pode usar a barra de rolagem horizontal na parte inferior do visualizador de SVG para selecionar uma fração de tempo da animação.

Adicionar um gráfico SVG ao fluxo do aplicativo
  1. Arraste um componente SVGMenu, SVGSplashScreen ou SVGWaitScreen da Paleta de componentes para o Editor de fluxo.
  2. Arraste e solte um gráfico SVG da janela Projetos para o componente.

Como alternativa, você pode clicar duas vezes em um componente para abri-lo no Editor de tela e arrastar um arquivo SVG para a tela aberta.

Com qualquer uma destas abordagens, um SVGImage é adicionado à pasta Recursos na janela Navegador.

Adicionar um editor de SVG ou ferramenta de criação ao IDE
  1. Escolha Ferramentas > Opções.
  2. Escolha Miscelâneas> Configurações de SVG.
  3. Clique no botão Alterar e adicione o caminho do editor ao IDE.

Observação: os seguintes editores foram testados com o NetBeans Mobility Pack:

  • Adobe Illustrator CS2
  • Beatware Mobile Designer
  • Ikivo Animator
  • Inkscape
Converter uma animação ou imagem SVG em uma imagem PNG
  1. Clique com o botão direito do mouse no nó da imagem na janela Projetos do Explorer e escolha Exportar imagem SVG para imagem PNG ou Exportar animação SVG para animação PNG.
  2. Uma caixa de diálogo é aberta, permitindo que você defina um tamanho de imagem e exporte a imagem para a configuração ativa ou todas as configurações do projeto.

    Se você optar por exportar a imagem ou animação para todas as configurações, o IDE automaticamente cria imagens de varredura com base no tamanho de tela da configuração individual. Por exemplo, se você tiver três configurações, cada uma com tamanhos de tela diferentes, a função de exportação automaticamente cria três animações ou imagens PNG com tamanhos que correspondem a esses três tamanhos de tela.

Bloquear ou desbloquear o conteúdo de uma imagem SVG Clique no ícone de bloqueio () na barra de ferramentas.

Notificações legais