Lar Mídia social Como adicionar uma imagem à sua aplicação Android - dummies

Como adicionar uma imagem à sua aplicação Android - dummies

Índice:

Vídeo: Como adicionar atalhos/ícones no seu Android (Arquivos, Pastas, Contatos, Whatsapp, Sites) 2025

Vídeo: Como adicionar atalhos/ícones no seu Android (Arquivos, Pastas, Contatos, Whatsapp, Sites) 2025
Anonim

Adicionar imagens a um aplicativo Android é simples: arraste-as da pasta onde elas estão armazenadas na pasta src / main / res / drawable-xxhdpi, conforme mostrado em a figura a seguir.

Para o aplicativo Silent Mode Toggle, você precisa de duas imagens de campainha: off and on. Certifique-se de colocar ambas as imagens na pasta src / main / res / drawable-xxhdpi.

Quando você arrasta as imagens para o Android Studio, ela regenera a pasta compilada / gerada e o arquivo R. java é atualizado para incluir uma referência às duas novas imagens que você adicionou.

Você pode usar as referências a esses recursos para adicionar imagens ao seu layout no código ou na definição XML. Você declara-os no layout XML.

Para adicionar uma imagem ao layout, digite o seguinte no activity_main. arquivo xml, substituindo o conteúdo atual do arquivo:


Este código adiciona o ImageView dentro do FrameLayout. Um ImageView permite projetar uma imagem na tela no dispositivo.

Definir propriedades da imagem

O ImageView contém alguns atributos de novos parâmetros:

  • A propriedade android: id = "@ + id / phone_icon" : O atributo id define o exclusivo identificador para a visualização no sistema Android.

  • As propriedades layout_width e layout_height : Você usou layout_width e layout_height em seu FrameLayout, mas você configurou-os para match_parent. Para o ImageView, você deseja que o tamanho do ImageView seja o mesmo que a imagem que está mostrando, então configure-o para ter um layout_width e layout_height de wrap_content para "embrulhar" o conteúdo dentro da visualização. Se você definisse a altura e a largura para ser match_parent, o Android teria escalado a imagem muito grande demais para exibir a tela cheia. Tente!

  • A propriedade layout_gravity : Esta propriedade define como colocar a vista (tanto x - e y - eixos) com seus pais. Neste exemplo, o valor é definido como a constante central. Uma vez que o ImageView é menor que o FrameLayout, usando layout_gravity = center instrui o sistema Android para colocar o ImageView no centro do FrameLayout em vez da localização padrão da parte superior esquerda. Você pode usar muitas outras constantes, como center_vertical, center_horizontal, superior, inferior, esquerda, direita e muito mais. Veja o FrameLayout. LayoutParams Documentação do Android para uma lista completa.

  • A propriedade android: src = "@ drawable / ringer_on" : Você usa esta propriedade para definir a imagem que deseja exibir na tela.

Observe o valor da propriedade src - "@ drawable / ringer_on". Você pode referenciar recursos desenháveis ​​via XML digitando o símbolo "at" (@) e o tipo e id do recurso desejado.

Certos atributos Android começam com o prefixo layout_: android: layout_width, android: layout_height e android: layout_ gravity são exemplos. A convenção layout_ diz que o atributo diz respeito ao pai da vista. Os atributos que não começam com layout_ pertencem à própria exibição. Assim, o atributo do android: src da ImageView diz ao ImageView qual imagem usar, mas o android: layout_gravity informa o pai do ImageView (FrameLayout, neste caso) para colocar o ImageView no centro do pai.

Configurando recursos desenháveis ​​

No seu ImageView, você define sua imagem src para @ drawable / ringer_on. Você não digita @ drawable-xxhdpi / ringer_on para o identificador de recurso desenhável, porque é o trabalho do Android (não o seu) para descobrir a imagem de tamanho correta para a tela do dispositivo atual. Em tempo de execução, o Android determina qual densidade é correta para esse dispositivo, e carrega os arrumadores mais parecidos.

Por exemplo, se o aplicativo estiver sendo executado em um dispositivo de densidade média e o recurso desenhável solicitado estiver disponível na pasta drawable-mdpi, o Android usará esse recurso. Caso contrário, ele usa a correspondência mais próxima que pode encontrar. O suporte para vários tamanhos de tela e densidades é um tópico amplo (e pode ser complexo!).

A parte ringer_on do identificador identifica o drawable que deseja usar. O nome do arquivo da imagem é ringer_on. png. Se você fosse abrir o arquivo R. java na pasta compilada / gerada, você veria um campo estático com o nome phone_on.

Você pode usar a conclusão do código para ver os recursos disponíveis no Android Studio. Coloque o cursor diretamente após @ drawable / na propriedade src do ImageView no editor Android Studio e pressione Ctrl + barra espaciadora. A janela de conclusão do código é aberta, como mostrado. Os outros nomes de recursos na janela são outras opções que você pode escolher para a porção src da definição drawable.

Como adicionar uma imagem à sua aplicação Android - dummies

Escolha dos editores

10 Recursos para Estudo adicional de atenção plena - manequins

10 Recursos para Estudo adicional de atenção plena - manequins

Então, você começou a viagem emocionante para a atenção plena e deseja Descubra mais. Bem, você está com sorte. Mindfulness é um tópico quente, e você pode encontrar todo tipo de recursos diferentes para suportar sua prática de atenção plena. Sites Você pode descobrir tudo o que você precisa saber sobre a atenção plena na Internet. O ...

10 Formas de motivar-se a meditar - manequins

10 Formas de motivar-se a meditar - manequins

Entrar em uma rotina de prática de meditação mental pode ser complicado se você tem um estilo de vida muito ocupado e está continuamente em movimento. No entanto, a prática regular pode realmente ajudar seu estilo de vida ocupado, pois você está mais concentrado e mais capaz de lidar com os estresses que são jogados no seu caminho. Você também pode achar que você tem ...

Um exercício de atenção plena para avaliar suas atitudes - manequins

Um exercício de atenção plena para avaliar suas atitudes - manequins

As atitudes podem se tornar hábitos; tanto hábitos bons quanto maus. E as atitudes, como os hábitos, não são fáceis de mudar. A atenção plena pode ajudá-lo a trabalhar em direção a uma atitude desejada, mas, você precisa trabalhar para melhorar sua atitude. Comece descobrindo quais são suas atitudes atuais para a meditação, a quietude, o silêncio e o não-fazer. Então, através da compreensão e do esforço, você ...

Escolha dos editores

Como evitar anti-padrões em aplicativos iOS - manequins

Como evitar anti-padrões em aplicativos iOS - manequins

Se você usar o padrão processo e regras de design orientado a objetos (OO) para criação de aplicativos iOS, seus projetos devem ser robustos; no entanto, mesmo com um processo de som e diretrizes apropriadas você poderia criar um anti-padrão. Os anti-padrões ocorrem quando uma classe herda funcionalidade através de uma conexão inadequada. Mesmo se você for um desenvolvedor experiente, você poderia ...

Como adicionar uma imagem à sua aplicação Android - dummies

Como adicionar uma imagem à sua aplicação Android - dummies

Adicionar imagens a um Android O aplicativo é simples: arraste-os da pasta onde eles são armazenados na pasta src / main / res / drawable-xxhdpi, conforme mostrado na figura a seguir. Para o aplicativo Silent Mode Toggle, você precisa de duas imagens de campainha: off and on. Certifique-se de colocar ambas as imagens na pasta src / main / res / drawable-xxhdpi. Quando você arrasta as imagens para ...

Como acessar o catálogo de endereços para aplicativos iOS - manequins

Como acessar o catálogo de endereços para aplicativos iOS - manequins

A estrutura iOS fornece funções que permitem que seu aplicativo funcione com os bancos de dados que vêm com dispositivos iOS. Um desses bancos de dados é o Catálogo de endereços, que inclui pessoas e suas informações de contato. Os dispositivos iOS também fornecem um aplicativo de Contatos que permite aos usuários gerenciar este banco de dados, adicionando novos contatos, atualizando-os, excluindo-os, ...

Escolha dos editores

Tabela Editar em Adobe CS5 Dreamweaver - manequins

Tabela Editar em Adobe CS5 Dreamweaver - manequins

Adobe Creative Suite 5 (Adobe CS5) O Dreamweaver oferece várias maneiras de adicionar e exclua linhas e colunas na sua tabela de páginas da web. A função Modificar dá-lhe um controle preciso sobre quais linhas e colunas são afetadas por suas alterações. O inspetor de propriedades também permite a edição rápida de atributos, basta selecionar a tabela e inserir mudanças em ...

Tabela Criação e formatação no Adobe CS5 Dreamweaver - dummies

Tabela Criação e formatação no Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) O Dreamweaver é compatível criação e formatação de tabelas em seu site. Quando você pensa em uma mesa, pense em uma grade, como uma planilha. Você pode alterar as cores das células em tabelas, dividir ou expandir as células (combiná-las com outras células) e aplicar bordas para elas. Em alguns ...

A guia CSS do Inspector de propriedades do Dreamweaver CS4 - dummies

A guia CSS do Inspector de propriedades do Dreamweaver CS4 - dummies

Com o lançamento do Dreamweaver CS4 veio a capacidade de construir e edite folhas de estilo em cascata (CSS) através do inspetor de propriedades, bem como no painel CSS Styles. A figura a seguir mostra as opções disponíveis na guia CSS do inspetor de propriedades do Dreamweaver que podem ajudar a tornar o seu site mais rápido e mais fácil: