Developers BR

Olá caro leitor! Hoje vamos colocar nossa primeira imagem na tela! Então vamos lá.

Usaremos a seguinte imagem, então salve a mesma em seu computador:

Salve esta imagem

Tentarei manter esse tutorial como uma guia, então façamos um passo-a-passo.

Tenha seu projeto já criado e aberto.

1. Vá no Solution Explorer, na pasta Content * botão direito * : Add > Existing Item. Selecione a imagem desejada e clique em Add. Veja:

2. O XNA nos dá a classe Texture2D para armazenar uma imagem 2D. Então antes do contrutor (topo da classe) declare uma váriavel Texture2D:

Texture2D minhaTextura;

3. O próximo passo é carregar a textura; devemos fazer isso no método LoadContent(). Veja como deve ficar o seu método:

protected override void LoadContent()
{
// Create a new SpriteBatch, which can be used to draw textures.
spriteBatch = new SpriteBatch(GraphicsDevice);

minhaTextura = Content.Load<Texture2D>(“hellowordImage”);

// TODO: use this.Content to load your game content here
}

Lembre-se que somente o nome sem o .png  ou formato deve ser colocado para carregar alguma midia.

4. Agora tudo o que falta é desenhar a textura. Isso deve ser feito no método Draw da sua classe, tudo o que precisamos fazer é:

protected override void Draw(GameTime gameTime)
{
GraphicsDevice.Clear(Color.CornflowerBlue);

spriteBatch.Begin(); // Inicie o spriteBatch

spriteBatch.Draw(minhaTextura, Vector2.Zero, Color.White); // Desenhe

spriteBatch.End(); // Finalize o spriteBatch

base.Draw(gameTime);
}

Vamos explicar:

Algumas linhas já são explicativas mas o método de desenho deve ser explicado. Ele possui 7 sobrecargas, mas usamos somente uma, veja o que ela pede:

spriteBatch.Draw(Texture2D umaTextura, Vector2 umVector2, Color UmaCor);

Usamos Vector.Zero, pois significa que a posição será 0,0 o que dá no canto superior esquerdo da tela. No próximo tutorial iremos falar sobre o Vector2.

Depois a Cor é geralmente Color.White pois a mesma não altera a imagem, se trocar por Color.Red a imagem virá avermelhada.

Termino aqui mais um tutorial. Espero que tenham gostado.

Qualquer dúvida é só comentar abaixo.

Obrigado.