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
Escolha Arquivo > Novo arquivo (Ctrl-N).
Em Categorias, escolha Outra.
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
Na janela Projetos, clique duas vezes no nome do arquivo SVG.
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
Arraste um componente SVGMenu, SVGSplashScreen ou SVGWaitScreen da Paleta de componentes para o Editor de fluxo.
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
Escolha Ferramentas > Opções.
Escolha Miscelâneas> Configurações de SVG.
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
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.
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.