Silverlight :: Grid :: Adicionando componentes dinamicamente

Como nem tudo é alegria na vida de um programador e as vezes temos que adicionar um componente dinamicamente no codigo ou ler um arquivo de um template e criar uma tela apartir dele. Pelo menos sempre tem uma solução :P a um tempo atras desenvolvi um algoritmo que le uma classe ou um xml e cria a tela em tempo de execução. Como os controles do Silverlight são diferentes não foi so migrar o codigo para o Silverlight e pronto. Abaixo um exemplo basico de como criar as linhas e colunas e adicionar no Grid, comentado no post anterior.

gridCadastro.ColumnDefinitions.Add(new ColumnDefinition());
gridCadastro.RowDefinitions.Add(new RowDefinition());

TextBox txt = new TextBox();
TextBlock lbl = new TextBlock();

//label
lbl.Text = "e-mail";
lbl.SetValue(Grid.RowProperty, 0);
lbl.SetValue(Grid.ColumnProperty, 0);
lbl.HorizontalAlignment = HorizontalAlignment.Left;

//textbox
txt.MaxLength = 30;
txt.Width = 100;
txt.Name = "txtEmail";
txt.SetValue(Grid.RowProperty, 0);
txt.SetValue(Grid.ColumnProperty, 1);
txt.HorizontalAlignment = HorizontalAlignment.Left;

gridCadastro.Children.Add(lbl);
gridCadastro.Children.Add(txt);

Silverlight :: Grid

Uma breve introdução ao controle GRID do silverlight.

Bom inicialmente para utilizar o controle é preciso definir as linhas e colunas do grid, abaixo é possivel ver os ROWS e COLUMN DEFINITION que indica as caracteristicas de cada linha e coluna dentro do grid. Por padrão se as linhas e colunas não tiverem altura e largura definidas, serão ajustadas conforme o controle pai.

No meu exemplo utilizei tipos diferentes para as linhas a fim de demonstrar esse comportamento.

A primeirta linha tem altura fixa, a segunda uma altura máxima e a terceira se ajusta com o tamanho restante conforme o comportamento do controle pai.

Para as duas primeiras colunas utilizei o AUTO que vai definir o tamanho conforme o controle filho, já a terceira coluna vai pegar todo o restante da largura.

Sobre os controles, é necesário posicionar cada um dentro do grid. :(

É, pra quem está acostumado com o velho HTML é algo no mínimo estranho, mas ok.

Então para cada controle definimos as caracteristicas Grid.Row e Grid.Column, se em algum controle não for definido, por padrão será colocado o valor zero, posicionando assim na primeira linha e/ou coluna.

<Grid Name="gridCadastro" Background="YellowGreen" ShowGridLines="True">
<Grid.RowDefinitions>
  <RowDefinition Height="25"></RowDefinition>
  <RowDefinition MaxHeight="60"></RowDefinition>
  <RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
  <ColumnDefinition Width="auto"></ColumnDefinition>
  <ColumnDefinition Width="auto"></ColumnDefinition>
  <ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0" Text="e-mail"></TextBlock>
<TextBox Grid.Row="0" Grid.Column="1" Width="100" Height="25"></TextBox>

<TextBlock Grid.Row="1" Grid.Column="0" Text="password" VerticalAlignment="Center"></TextBlock>
<TextBox Grid.Row="1" Grid.Column="1" Width="100" Height="25"></TextBox>

<Button Grid.Row="2" Grid.Column="2" Content="GO!" Height="30" ></Button>
</Grid>

E o resultado...

Twitter

Eu no twitter http://twitter.com/danielcolnaghi não esperem muita coisa, ainda não vejo finalidade pra ele hehe.

Usando Reflection

A um tempo atrás desenvolvi um gerador de classes, logo depois incrementei um gerador de interface seguindo um padrão pré estabelecido. Algumas vezes criar geradores pode ser uma solução para criar um projeto do zero com uma certa garantia de qualidade. Digo isso porque normalmente o código gerado não contém erros(pelo menos eu acho que não pode!).

Em todo caso sistemas que estão em constante mudanças, o gerador se torna uma ferramenta superficial e que pode causar dor de cabeça. Isso porque para continuar utilizando o gerador o desenvolvedor usará seu tempo programando o código a ser gerado e não o código final.

Uma outra abordagem para evitar o gerador e não comprometer o tempo que seria ganho com ele, é criar telas genéricas e manipular as classes dinamicamente.

No exemplo abaixo criei um método que carrega os dados do objeto e popula os campos da tela conforme um arquivo XML que contém a definição para cada campo.

protected void CarregarObjeto(string codigo)
{
Assembly a = Assembly.Load("MyClassLib");
var obj = a.CreateInstance("MyNamespace.MyClass");
Type t = obj.GetType();
PropertyInfo[] pInfo = t.GetProperties();
// pInfo[0] = PK
if (t.GetProperties()[0].PropertyType.FullName == "System.String")
{
 pInfo[0].SetValue(obj, codigo, null);
}
else
{
 pInfo[0].SetValue(obj, Convert.ToInt32(codigo), null);  
}

t.GetMethod("Load").Invoke(obj, null);

foreach (PropertyInfo p in t.GetProperties())
{
 if (p.GetValue(obj, null) != null && plhCadastro.FindControl(string.Concat("txt", p.Name)) != null)
 {
  ((TextBox)plhCadastro.FindControl(string.Concat("txt", p.Name))).Text = p.GetValue(obj, null).ToString();
 }
}
}

Subsonic 3

Subsonic 3 está disponível para downlaod e agora com o framework 3.5, ainda estou testando para ver quais as novidades e se ele está estável mesmo hehe.

No entanto para rodar os exemplos será preciso baixar o ASP.NET MVC disponível no site www.asp.net ou diretamente no site da microsoft.