Exemplos de Silverlight 3 - 013 - RowDefinition e ColDefinition

<UserControl x:Class="_019_Grid.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <Grid x:Name="LayoutRoot" ShowGridLines="True">
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>


        <Button Grid.Row="0" Grid.Column="0" Content="linha 0, coluna 0"></Button>
        <Button Grid.Row="1" Grid.Column="1" Content="linha 1, coluna 1"></Button>
        <Button Grid.Row="2" Grid.Column="2" Content="linha 2, coluna 2"></Button>
        <Button Grid.Row="0" Grid.Column="2" Content="linha 0, coluna 2"></Button>
        <Button Grid.Row="2" Grid.Column="0" Content="linha 2, coluna 0"></Button>
    </Grid>

</UserControl>

Exemplos de Silverlight 3 - 012 - DockPanel

<UserControl x:Class="_018_DockPanelMultiplosElementos.MainPage"
    xmlns:ctk="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <ctk:DockPanel LastChildFill="True">
        <Button ctk:DockPanel.Dock="Top" Content="Top"></Button>
        <Button ctk:DockPanel.Dock="Top" HorizontalAlignment="Center" 
Content="Center Top"></Button>
        <Button ctk:DockPanel.Dock="Top" HorizontalAlignment="Left" 
Content="Left Top"></Button>
        <Button ctk:DockPanel.Dock="Bottom" Content="Bottom"></Button>
        <Button ctk:DockPanel.Dock="Left" Content="Left"></Button>
        <Button ctk:DockPanel.Dock="Right" Content="Right"></Button>
        <Button Content="Resto do espaço"></Button>
        </ctk:DockPanel>

</UserControl>

Exemplos de Silverlight 3 - 011 - DockPanel

<UserControl x:Class="_017_DockPanel.MainPage"
    xmlns:controlsToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <controlsToolkit:DockPanel LastChildFill="True">
        <Button controlsToolkit:DockPanel.Dock="Top" Content="Top"></Button>
        <Button controlsToolkit:DockPanel.Dock="Bottom" Content="Bottom"></Button>
        <Button controlsToolkit:DockPanel.Dock="Left" Content="Left"></Button>
        <Button controlsToolkit:DockPanel.Dock="Right" Content="Right"></Button>
        <Button Content="Resto do espaço"></Button>
    </controlsToolkit:DockPanel>

</UserControl>

Exemplos de Silverlight 3 - 010 - WrapPanel

<UserControl x:Class="_016_WrapPanel.MainPage"
    xmlns:controlsToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <!--baixar toolkit em http://codeplex.com/silverlight -->

    <controlsToolkit:WrapPanel Margin="3">
        <Button VerticalAlignment="Top" Content="Em cima"></Button>
        <Button MinHeight="60" Content="Botão altura fixa"></Button>
        <Button VerticalAlignment="Bottom" Content="Embaixo"></Button>
        <Button Content="Variável"></Button>
        <Button VerticalAlignment="Center" Content="Centralizado"></Button>
    </controlsToolkit:WrapPanel>

</UserControl>

Exemplos de Silverlight 3 - 009 - Size

<UserControl x:Class="_015_Size.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <StackPanel Margin="3">
        <Button Margin="10" MaxWidth="400" MinWidth="200" Content="Botão"></Button>
        <Button Margin="10" MaxWidth="400" MinWidth="200" Content="Outro botão"></Button>
        <Button Margin="10" MaxWidth="400" MinWidth="200" Content="Mais um"></Button>
        <Button Margin="10" MaxWidth="400" MinWidth="200" Content="E outro"></Button>
    </StackPanel>

</UserControl>

Exemplos de Silverlight 3 - 008 - Alignment

<UserControl x:Class="_014_Alignment.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <StackPanel Background="White">
        <TextBlock HorizontalAlignment="Center" Text="Pilha de botões"></TextBlock>
        <Button HorizontalAlignment="Left" Content="Botão à esquerda"></Button>
        <Button HorizontalAlignment="Right" Content="Botão à direita"></Button>
        <Button Content="Botão 3" Margin="100"></Button>
        <Button Content="Clique aqui" Click="Button_Click" Name="Botao"></Button>
    </StackPanel>

</UserControl>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;


namespace _014_Alignment
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }


        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Botao.Margin = new Thickness(100);
        }
    }
}

Exemplos de Silverlight 3 - 007 - Border

<UserControl x:Class="_013_Border.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <Grid x:Name="LayoutRoot">
        <Border Margin="30" Background="LightBlue" 
        BorderBrush="Indigo" BorderThickness="8" CornerRadius="30">
            <Border Margin="30" Background="LightBlue" 
            BorderBrush="Indigo" BorderThickness="8" CornerRadius="20">
                <Button Margin="180" Content="Clique aqui" Click="Button_Click"></Button>
            </Border>
        </Border>
    </Grid>

</UserControl>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;


namespace _013_Border
{
    public partial class MainPage : UserControl
    {
        public MainPage()

        {
            InitializeComponent();
        }


        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("clicou!!!", "OK, fiote", MessageBoxButton.OK);
        }
    }
}

Exemplos de Silverlight 3 - 006 - Background

<UserControl x:Class="_012_Background.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <SolidColorBrush Color="#cccccc"></SolidColorBrush>
        </Grid.Background>

        <Button Name="Botao" Content="Clique aqui" 
            Click="Button_Click" Width="200" Height="100"></Button>
    </Grid>

</UserControl>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;


namespace _012_Background
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }



        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Random r = new Random();

            this.LayoutRoot.Background = new SolidColorBrush(
            Color.FromArgb(255, (byte)r.Next(0, 256), 
            (byte)r.Next(0, 256), (byte)r.Next(0, 256)));
        }
    }
}

Exemplos de Silverlight 3 - 005 - StackPanel

<UserControl xmlns:dataInput="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.Input"
    x:Class="_011_StackPanel.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

    <StackPanel Orientation="Vertical">
        <!-- Orientation = Vertical ou Horizontal-->
        <dataInput:Label Content="Qual o seu nome?"></dataInput:Label>
        <TextBox Name="TextBox1" Margin="0,50"></TextBox>
        <Button Content="OK" Click="Button_Click"></Button>
    </StackPanel>

</UserControl>

Partial Public Class MainPage
    Inherits UserControl


    Public Sub New()
        InitializeComponent()
    End Sub


    Private Sub Button_Click(ByVal sender As System.Object, _
        ByVal e As System.Windows.RoutedEventArgs)
        MessageBox.Show(String.Format("Oi, {0}", TextBox1.Text))
    End Sub

End Class

Exemplos de Silverlight 3 - 004 - Grid

<UserControl x:Class="_010_Panel.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

  <Grid x:Name="LayoutRoot" Background="#77cccccc">
        <Border Margin="50" Padding="200" Width="640" Height="480" 
            Background="LightGray" CornerRadius="10" 
            BorderBrush="DarkGray" BorderThickness="3">


            <Button Margin="0" Content="clique aqui" Click="Button_Click"></Button>
        </Border>
    </Grid>

</UserControl>

Partial Public Class MainPage
    Inherits UserControl


    Public Sub New()
        InitializeComponent()
    End Sub


    Private Sub Button_Click(ByVal sender As System.Object, _
        ByVal e As System.Windows.RoutedEventArgs)
        MessageBox.Show("eita!!! você clicou, mesmo!!!")
    End Sub

End Class