P. 1
Adicionar Imagem Ao Jframe

Adicionar Imagem Ao Jframe

|Views: 449|Likes:
Publicado porPinot Shokoto

More info:

Published by: Pinot Shokoto on Sep 27, 2011
Direitos Autorais:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

12/08/2013

pdf

text

original

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.

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

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

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

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

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

You're Reading a Free Preview

Descarregar
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->