Início > .NET > Criando um controle randomico com ASP.NET

Criando um controle randomico com ASP.NET

Nesse tutorial vamos criar um controle ASP.NET que muda aleatoriamente a cada carregamento da página.

Iniciamos criando um Projeto ASP.NET. Clique com o botão direito sobre o nome da Solução (Projeto), no Solution Explorer, e

em ADD –> New Item:

add

Adicione um Web User Control, com o nome ControleRandom:

controlrandom

Abra o toolbox e adicione ao controle um componente MultiView:

toolbox

Dentro do MultiView, adicione 3 componentes View. Vai ficar mais ou menos assim:

multiview

Dentro de cada View adicione componentes quaisquer. Nesse exemplo, eu adicionei controle de Login, uma Imagem e alguns Links.

Agora, vamos fazer o nosso controle ficar aleatório! Clique com o botão direito sobre o ControleRandom, no Solution Explorer, e

selecione View Code:

viewCode

No método Page_Load digite o seguinte código:

protected void Page_Load(object sender, EventArgs e)
{
Random rand = new Random();

      //gera um número entre 0 e a quantidade de Views
      int indiceRandom = rand.Next(0, this.multiView.Views.Count);

      //força o indice anterior ser diferente a cada chamada do método
      while (this.multiView.ActiveViewIndex == indiceRandom)
{
indiceRandom = rand.Next(0, this.multiView.Views.Count);
}

      //define o indice do view que será mostrado
      this.multiView.ActiveViewIndex = indiceRandom;
}

Agora, na Default.aspx adicione o ControleRandom que nós criamos.

Rode o projeto. Carregue a página várias vezes (atualizando a página, usando F5, por exemplo). Veja que os controles ficam

alternado a cada atualização.

O download do projeto pode ser feito aqui.

Anúncios
Categorias:.NET
  1. Nenhum comentário ainda.
  1. No trackbacks yet.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: