Como usar um gridsplitter no wpf

instruções

1. Criar um aplicativo WPF no Visual Studio 2008 e criar uma grade com uma linha e duas colunas. Em seguida, coloque um bloco de texto em cada célula da grade. O XAML deve ser algo como isto:

   xmlns =&quot-http: //schemas.microsoft.com/winfx/2006/xaml/presentation&quot-
   xmlns: x =&quot-http: //schemas.microsoft.com/winfx/2006/xaml&quot-
   title =&quot-GridSplitter Amostra&quot- Height =&quot-300&quot- Largura =&quot-300&quot-gt;
   
   

   
   

   
   

   bloco 1
   bloco 2
   

   

2. Adicionar um GridSplitter. Isto pode ser feito de uma de duas maneiras. A primeira técnica consiste em criar uma coluna ou linha separada dedicada à GridSplitter. A segunda técnica consiste em adicionar o GridSplitter para uma coluna existente. Este artigo irá demonstrar usando a segunda técnica. Adicionando um GridSplitter desta forma requer apenas uma única linha de XAML:

   Os controles de propriedade HorizontalAlignment que lado da coluna o divisor aparece diante.

   

3. 
   
   
   

   Observe que você não pode ver o divisor quando você executar o aplicativo. Isto é porque o TextBlock é a largura total da coluna e é processado em frente do divisor.

   

4. Sei que uma maneira de corrigir este problema seria alterar a ordem z dos controles seja por colocar o GridSplitter após o TextBlock ou definindo explicitamente a propriedade ZIndex. A falha com esta abordagem é que o GridSplitter iria obscurecer a borda direita do TextBlock.

5. Corrigir o da forma correcta, definindo uma margem do lado direito do bloco de texto, de modo que não há espaço para o GridSplitter de co-existir com o TextBlock na coluna. O código final se parece com isso:

   xmlns =&quot-http: //schemas.microsoft.com/winfx/2006/xaml/presentation&quot-
   xmlns: x =&quot-http: //schemas.microsoft.com/winfx/2006/xaml&quot-
   title =&quot-GridSplitter Amostra&quot- Height =&quot-300&quot- Largura =&quot-300&quot-gt;
   
   

   
   

   
   

   
   Bloco de texto
   Bloco Text 2
   

   

6. Execute o aplicativo e veja dois blocos de texto e um divisor que permite redimensioná-las.