Introdução

A manipulação de imagens em um aplicativo é um problema comum para muitos programadores iniciantes em Java. A forma padrão de acessar as imagens em um aplicativo Java é através do método getResource(). Este tutorial mostra como usar o construtor de GUI do IDE para gerar o código a fim de que inclua imagens (e outros recursos) em seu aplicativo. Além disso, você aprenderá como personalizar a forma na qual o IDE gera o código de manipulação de imagens. O aplicativo resultante deste tutorial será um JFrame simples que contém um JLabel que exibe uma única imagem.

Criando a do aplicativo
1. 2. Escolha Arquivo > Novo projeto. No Assistente de novo projeto, selecione Java > Aplicativo Java e clique em Próximo. Em Nome do projeto, digite ImageDisplayApp. Desmarque a caixa de verificação Criar classe principal. Certifique-se de que a caixa de verificação Definir como projeto principal esteja selecionada.

3.
4. 5.

6.

Clique em Concluir.

Criando o formulário do aplicativo
Nesta seção, você cria o formulário JFrame e adiciona um JLabel ao formulário. Para criar o formulário JFrame: 1. 2. Na janela Projetos, expanda o nó ImageDisplayApp. Clique com o botão direito do mouse no nó Pacotes de código-fonte e escolha Novo> Formulário JFrame.

3. 4.
5.

Em Nome da classe, digite ImageDisplay. Em Nome do pacote, digite org.me.myimageapp. Clique em Concluir.

me.Para adicionar o JLabel: • Na Paleta.myimageapp.resources a org. o formulário deveria ser semelhante a imagem seguinte: Adicionando um pacote na imagem Ao usar imagens ou outros recursos em um aplicativo. um pacote corresponde a uma pasta. Até este momento.myimageapp e escolha Novo > Pacote Java. Na janela Projetos. .resources.me. 2.resources. Clique em Concluir.myimageapp para que o novo pacote seja denominado org. você deveria ver a imagem dentro do pacote org. Exibindo a imagem no rótulo Neste aplicativo.myimageapp.me. clique com o botão direito do mouse no nó org. selecione o rótulo que adicionou ao seu formulário. 3. No seu sistema de arquivos local. Para criar um pacote para a imagem: 1. adicione . Na janela Projetos. No Assistente de novo pacote. No Designer de GUI. selecione o componente Rótulo e arraste-o para o JFrame. você normalmente cria um pacote Java separado para os recursos. a imagem será incorporada em um componente JLabel.me. Para adicionar a imagem ao rótulo: 1.

vá até qualquer imagem que esteja em seu sistema que deseje usar. Na seletor de arquivos. clique na categoria Propriedades e role até a propriedade icon. 6. 4. Na janela Propriedades. Na página Selecionar pasta de destino do assistente. clique em Próximo. 3. selecione a pasta resources e clique em Terminar.2. Na caixa de diálogo da propriedade icon. clique em Importar ao projeto. 5. Em seguida. . Clique no botão de reticências.

a imagem seria exibida ao executar o aplicativo no sistema. Neste momento. Observe que o caminho gerado da imagem correspondente com sua localização na estrutura de pacote do aplicativo. Para visualizar o código gerado: 1. . O parâmetro de tal método contém uma chamada ao métodogetResource() em uma classe anônima interna de ImageIcon. o IDE gerará um caminho absoluto para a imagem em vez de copiar a imagem no seu projeto. mas possivelmente não seria exibida ao executar o aplicativo em outro sistema. A linha-chave é a seguinte: jLabel1. o IDE faz o seguinte: • • • Copia a imagem no seu projeto. Exibe a sua imagem no rótulo na visualização Desenho do seu formulário. No entanto.jpg"))). Observações: • Se você usar a opção Imagem externa no editor de propriedades do ícone. você está usando o rótulo para exibir uma imagem em vez do texto. o IDE gerou o método setIcon. quando você constrói e distribui o aplicativo.getResource("/org/me/myimageapp/resources /park-sculpture. Tal valor foi gerado pelo construtor de GUI para exibir o texto do rótulo. clique na aba Código-fonte.swing. você pode realizar alguns procedimentos simples para melhorar a aparência do formulário. • Arraste o botão para centralizá-lo no formulário.ImageIcon(getClass(). Clique no sinal de mais (+) à esquerda da linha Código gerado para exibir o código que o Designer de GUI gerou.Após clicar em Terminar. Portanto. de modo que o texto não é necessário. // NOI18N Visto que você usou o Editor de propriedades da propriedade icon do jLabel1. a imagem está incluída no arquivo JAR distribuível. como: • Na janela Propriedades. selecione a propriedade text e exclua jLabel1. No Designer de GUI. 2. Gera o código na classe ImageDisplay para acessar a imagem. Portanto. 3. Role até linha que diz Código gerado.setIcon(new javax.

Na caixa de diálogo Propriedades do projeto. selecione a categoria Executar. Se tiver que ser capaz de escolher a imagem a ser exibida programaticamente. O IDE impede que você escreva o código diretamente nos "blocos protegidos" da visualização Código-fonte que contém o código gerado pelo construtor de GUI. Você pode ver os produtos construídos do aplicativo na janela Arquivos. No entanto. isso garante que o elemento Main-Class no arquivo JAR do projeto seja gerado quando você construir o aplicativo. Quando você define a classe principal.me. Além disso.myimageapp. como arquivos de texto que contêm dados que o aplicativo pode precisar usar. você pode escrever seu próprio código personalizado para acessar e exibir recursos. você pode inserir o código nos blocos . 2. definir a classe principal do projeto. Para definir a classe principal do projeto: 1. Você precisa. Por exemplo. o IDE sabe quais classes executar quando o projeto é executado. a imagem exibida não é determinada estaticamente como neste exemplo. Em seguida.• O método getResource também é útil para acessar outros tipos de recursos. • Escolha Executar > Limpar e construir projeto principal (Shift-F11). selecione a classe org. primeiro. Para executar o projeto: • Escolha Executar > Executar projeto principal (F6).ImageDisplay e clique no botão Selecionar classe principal. Construindo e executando o aplicativo Agora que gerou o código para acessar e exibir a imagem. Clique com o botão direito do mouse no nó do projeto ImageDisplayApp e escolha Propriedades. a imagem a ser exibida pode ser determinada por algo em que o usuário clica. Clique no botão Procurar ao lado do campo Classe principal. A pasta build contém a classe compilada. você pode construir e executar o aplicativo para certificar-se de que a imagem esteja sendo acessada. Criando código personalizado Em muitos aplicativos. A pasta dist contém um arquivo JAR executável que contém a classe compilada e a imagem. Para construir o projeto : 3.

Por exemplo.. selecione a opção Código personalizado. Selecione JLabel na visualização Desenho ou na janela Inspetor. Você pode preencher este parâmetro com a lógica necessária ou com uma chamada a um método diferente que você escreveu em outro lugar na classe. Observação: o exemplo oferecido neste tutorial é muito semelhante ao primeiro exemplo de Como usar a seção Ícones do Tutorial do Java. No exemplo do Tutorial do Java.protegidos através dos editores de propriedades que podem ser acessados através da janela Propriedades. clique no botão de reticências (. Envie-nos seus comentários . o ícone é aplicado no rótulo ao ser passado através do seu construtor. A diferença é que o código gerado neste tutorial usa o método setIcon do JLabel para aplicar o ícone no rótulo. Na lista suspensa da parte superior da caixa de diálogo. 3. Ao usar os editores de propriedades desta forma. 2.. para escrever o código personalizado de uma propriedade icon do JLabel: 1. Resumo Este tutorial mostrou como acessar imagens a partir de um aplicativo que você criou no NetBeans IDE. A opção Código personalizado deste editor de propriedades permite que você mesmo preencha o parâmetro do método setIcon. Na janela Propriedades. A manipulação de imagens é abordada mais adiante no Tutorial do Java. você garante que o código personalizado não se perda ao fazer alterações de design no construtor de GUI.) ao lado da propriedade icon.

Sign up to vote on this title
UsefulNot useful