http://bbs.wankuma.com/index.cgi?mode=al2&namber=2129
スプリッタの境界線がフォーカスを持つのが気持ち悪い(というか、フォーカスと最初はわかってなくって、点線が残るって話)
というはなしから、アクセシビリティ的にどうか、XAMLではどうかという話に展開。
http://naka.wankuma.com/site/special/2007/03/24/XAMLBrowserApplication1.xbap
それのXAMLを研究して回答です。
スプリッタのようなものを設定することができるので、色の境界を変更できます。
<Page x:Class="XAMLBrowserApplication1.Page1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Page1"
>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.37*" MinWidth="10"/>
<ColumnDefinition Width="3"/>
<ColumnDefinition Width="0.32*" MinWidth="10"/>
<ColumnDefinition Width="3"/>
<ColumnDefinition Width="0.30*" MinWidth="10"/>
</Grid.ColumnDefinitions>
<StackPanel Margin="0,0,0,0" Background="#FF2900FF" Grid.ColumnSpan="2"/>
<StackPanel Margin="0,0,0,0" Grid.Column="3" Background="#FFFF0000" Grid.ColumnSpan="2"/>
<GridSplitter RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Stretch" Margin="0,0,0,0" Grid.Column="1">
</GridSplitter>
<GridSplitter HorizontalAlignment="Stretch" Margin="0,0,0,0" Grid.Column="3"/>
<StackPanel Grid.Column="2"/>
</Grid>
</Page>
Grid要素をカラムで5分割して、Width="3"としているのがスプリッタの領域です。
そのカラム要素に
<GridSplitter RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Stretch" Margin="0,0,0,0" Grid.Column="1">
のようにGridSplitterを割り当てるだけで実現します。
フォーカスはやはり点線で表現しています。
ちなみに３色の配置が33%でないのは以下のサイトを参考にしました。
http://www.h3.dion.ne.jp/~t.r.s/today/001-050/015.html