Równomiernie rozmieszczone kreski z StrokeDashArray
Próbuję stworzyć taki pokerowy układ jak tutaj:http://www.casinowholesalers.com/shop/product_info.php?cPath=57&products_id=379 za pomocą Expression Blend 4 dla aplikacji WP7.1 Silverlight 4.
Próbuję stworzyć sześć białych „pudełek” na krawędzi chipa (ignorując na razie obrazy kości i wewnętrzną linię przerywaną). W ten sposób stworzyłem dwie elipsy, jedną bez obrysu, drugą o dokładnie takim samym rozmiarze, ale z obrysem 24, kolorem bieli i StrokeDashArray do 1,8 (to nie jest „1 8”, w rzeczywistości 1.8 bez drugiej wartości). Wygląda dość blisko równych rozmiarów i odstępów (ale nie do końca); Znalazłem to metodą prób i błędów. XAML jest poniżej.
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Ellipse Fill="#FFC83838" Margin="112,253,128,275" Grid.Row="1" Stroke="#FFC83838" StrokeThickness="3"/>
<Ellipse Fill="#FFC83838" Margin="112,253,128,275" Grid.Row="1" Stroke="White" StrokeThickness="30" StrokeDashArray="1.79" StrokeDashOffset="6" RenderTransformOrigin="0.5,0.5"/>
</Grid>
Myślę, że mam dwa pytania:
Czy istnieje lepszy sposób na utworzenie tego kształtu oprócz użycia dwóch elips?Jak mogę matematycznie określić, jaka powinna być wartość StrokeDashArray, aby myślniki były równomiernie rozmieszczone i zwymiarowane, a nie metodą prób i błędów?