Хочу реализовать:
Button расположены квадратом (как 2-мерный массив NxN).
При клике на кнопку поворачиваются все кнопки в одной строке и в одном столбце.
Число N настраиваемое.
Начал сначала всё делать в MainWindow.xaml.cs
, посоветовали всё сделать нормально и использовать MVVM
. Код MainWindow.xaml.cs
:
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private Button[,] CreateButtons(int quantity)
{
Form.Rows = quantity;
Form.Columns = quantity;
Button[,] buttons = new Button[quantity, quantity];
for (int i = 0; i < quantity; i++)
{
for (int j = 0; j < quantity; j++)
{
buttons[i, j] = new Button();
buttons[i, j].Width = 100;
buttons[i, j].Height = 20;
buttons[i, j].Margin = new Thickness(5,80,0,0);
buttons[i, j].Click += new RoutedEventHandler(new_button_click);
}
}
return buttons;
}
void new_button_click(object sender, RoutedEventArgs e)
{
Button btn = sender as Button;
if (btn != null)
{
var rotateTransform = btn.RenderTransform as RotateTransform;
var transform = new RotateTransform(90 + (rotateTransform == null ? 0 : rotateTransform.Angle));
transform.CenterX = 50;
transform.CenterY = 10;
btn.RenderTransform = transform;
}
}
private void AddToWrapPanel(int quantity, Button[,] buttons)
{
for (int i = 0; i < quantity; i++)
for (int j = 0; j < quantity; j++)
{
Form.Children.Add(buttons[i, j]);
}
}
private int GetQuantityButtons()
{
ComboBoxItem item = (ComboBoxItem)comboBox1.SelectedItem;
int count = int.Parse((string)item.Content);
return count;
}
private void СreateButton_Click(object sender, RoutedEventArgs e)
{
if (Form.Children.Count > 0)
Form.Children.Clear();
int count = GetQuantityButtons();
Button[,] buttons = CreateButtons(count);
AddToWrapPanel(count, buttons);
}
}
Теперь начинаю всё переносить.
XAML
:
<Window x:Class="Di.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:user="clr-namespace:Di"
Title="Сейф" Height="715.6" Width="840" Left="250" Top="10" Background="Silver" ResizeMode="CanMinimize"
TextOptions.TextFormattingMode="Display" Icon="Resources/Icon1.ico">
<Window.DataContext>
<user:MainWindowModel />
</Window.DataContext>
<Grid>
<ItemsControl Margin="0,30,0,0">
<UniformGrid x:Name="Form"/>
<WrapPanel Name="wrapPanel" Background="#FFF2F2F2" />
</ItemsControl>
<Button Content="Старт" Height="23" HorizontalAlignment="Left" Margin="457,12,0,0" Name="createButton" VerticalAlignment="Top" Width="75" Click="СreateButton_Click" Command="{Binding Seter}" />
<ComboBox Height="23" HorizontalAlignment="Left" Margin="368,12,0,0" Name="comboBox1" VerticalAlignment="Top" Width="74" SelectedIndex="0" RenderTransformOrigin="0.5,0.739">
<ComboBoxItem Content="{Binding Three}" />
<ComboBoxItem Content="{Binding Four}" />
<ComboBoxItem Content="{Binding Five}" />
<ComboBoxItem Content="{Binding Six}" />
</ComboBox>
<Label Content="{Binding Lvl}" HorizontalAlignment="Left" Margin="254,10,0,0" VerticalAlignment="Top"/>
</Grid>
Код VM
:
public class MainWindowModel
{
public int Three { get; set; }
public int Four { get; set; }
public int Five { get; set; }
public int Six { get; set; }
public string Lvl { get; set; }
public MainWindowModel()
{
Three = 3;
Four = 4;
Five = 5;
Six = 6;
Lvl = "Сложность (3 - 6):";
}
private ICommand _seter;
public ICommand Seter
{
get
{
return _seter ?? (_seter = new RelayCommand(() =>
{
// действие при вызове команды
}));
}
}
}
Пока только так.. Помогите, пожалуйста, перенести и доделать задуманные мной моменты. Например: как в VM
, обслуживающем кнопку, завести свойство RotationAngle
? Как при клике по "создать" с генерировать массив из кнопок и потом работать с ними? Как обращаться к UniformGrid
и связать кол-во строк и столбцов с выбранным int
в combobox
?
int
вUnirormGrid
?<UniformGrid x:Name="Form" Rows="{Binding ElementName=comboBox1, Path=Value}" Columns="{Binding ElementName=comboBox1, Path=Value}"/>