I'm currently creating a board game in WPF with the MVVM pattern. I'm creating my board in my PlayerViewModel so I have a nice 10x10 board. I also create pieces that the player starts with (4). Here is where I get stuck, because I'm not quite sure if it's possible to just put the player's pieces in my GamePiece.xaml the way I've done it since this is the "component" that creates the whole board for me. The ellipse is the component I want as a player's disc:
<UserControl x:Class="Reversi.Views.Components.BoardPiece"
.......
<UserControl.Resources>
<converter:StatusToColorConverter x:Key="StatusToColorConverter"/>
<converter:TypeOfPieceToColorConverter x:Key="TypeOfPieceToColorConverter "/>
</UserControl.Resources>
<Grid>
<Rectangle Height="75" Width="75" StrokeThickness="1.3" Fill="{Binding Converter={StaticResource StatusToColorConverter}}" Stroke="Black"></Rectangle>
<Ellipse Height="50" Width="50" Fill="{Binding Converter={StaticResource TypeOfPieceToColorConverter}}"/>
</Grid>
I bind this into my GameView.xaml, however the problem is that I want to have Ellipses as my pieces in the game. Obviously here I'm just creating the whole board and so it's also creating the pieces (ellipses) and I can't seem to manipulate this and decide how many I want to show on the board in the beginning. I have tried different ways, like put the pieces on specific coordinates and just having the color of the square it's taking up on the board change, but it doesn't look very nice.
I'd like some ideas on how one could do this. Could a solution be to create another UserControl that holds only my ellipse or will I not be able to bind this to my GameView and the board? Here's photos of what it looks like now and what I would want it to look like (minus the fact that this is a 8x8).