2

我的应用程序创建了一个包含 20 个按钮的列表，这些按钮位于 mainpage.xaml：

private List<Button> CreateList()
    {
        for (int i = 0; i <= 19; i++)
        {
            string name = string.Format("button{0}", i+1);

            Button buttt = new Button();
            buttt.Name = name;
            buttt.Content = i + 1;
            buttt.Height = 72;
            buttt.HorizontalAlignment = HorizontalAlignment.Left;
            buttt.VerticalAlignment = VerticalAlignment.Top;
            buttt.Width = 88;
            buttt.Click += new RoutedEventHandler(this.button_Click);
            GameGrid.Children.Add(buttt);

            myList.Insert(i, buttt);
        }

现在，如果我尝试打乱这个列表，它似乎失去了与页面上实际按钮的连接。

private void Shuffle(List<Button> list)
    {
        //list[1].Content = "DING!";

        Random rand = new Random();
        int n = list.Count;
        while (n > 1)
        {
            n--;
            int k = rand.Next(n + 1);
            Button value = list[k];
            list[k] = list[n];
            list[n] = value;
        }
    }

请注意，如果我取消注释//list[1].Content = "DING!";并注释掉此方法的其余部分，则按钮的内容将在屏幕上更改。所以我假设链接在洗牌过程中被破坏了。

所以我的问题是，当我运行此代码时，会显示按钮，但仍按 1 到 20 的顺序排列，而不是像我预期的那样随机洗牌。

谢谢您的帮助！

编辑：这是克里斯建议的完整代码：

private List<Button> CreateList(List<Marginz> myMargin)
    {
        for (int i = 0; i <= 19; i++)
        {
            string name = string.Format("button{0}", i+1);

            Button buttt = new Button();
            buttt.Name = name;
            buttt.Content = i + 1;
            buttt.Height = 72;
            buttt.HorizontalAlignment = HorizontalAlignment.Left;
            buttt.VerticalAlignment = VerticalAlignment.Top;
            buttt.Width = 88;
            buttt.Click += new RoutedEventHandler(this.button_Click);
            Thickness myThickness = new Thickness();
            myThickness.Left = myMargin[i].left;
            myThickness.Top = myMargin[i].top;
            myThickness.Right = myMargin[i].right;
            myThickness.Bottom = myMargin[1].bottom;
            buttt.Margin = myThickness;
            //GameGrid.Children.Add(buttt);

            myList.Insert(i, buttt);
        }

        return myList;
    }

这就是它的名字：

private void EasyButton_Click(object sender, RoutedEventArgs e)
    {
        DifficultyCanvas.Visibility = System.Windows.Visibility.Collapsed;
        ReadyCanvas.Visibility = System.Windows.Visibility.Visible;

        //set difficulty attributes
        difficulty = "Easy";

        var myMarg = CreateMarginList(marg);
        var buttons = CreateList(myMarg);
        Shuffle(buttons);

        foreach (var button in buttons)
        {
            GameGrid.Children.Add(button);
        }
    }

编辑以获得更多解释： 关于边距。我创建了一个名为 Marginz 的类：

public class Marginz
    {
        public Marginz()
        {
            //Constructor
        }
        public int left { get; set; }
        public int top { get; set; }
        public int right { get; set; }
        public int bottom { get; set; }
    }

“marg”是这种类型的列表：

List<Marginz> marg = new List<Marginz>(20);

CreateMarginList() 这样做：

public List<Marginz> CreateMarginList(List<Marginz> myMarg)
    {
        Marginz one = new Marginz();
        one.left = 28;
        one.top = 186;
        one.right = 0;
        one.bottom = 0;
        myMarg.Insert(0, one);

        Marginz two = new Marginz();
        two.left = 133;
        two.top = 186;
        two.right = 0;
        two.bottom = 0;
        myMarg.Insert(1, two);

等一直到二十。那么return myMarg; 每个 Button 都有一个唯一的边距，将其放置在 Grid 中。

这就是我现在所拥有的：

4

3 回答 3

1

洗牌 myList 集合不会改变它们在页面上出现的顺序。这取决于您在 CreateList 方法中将它们添加到 GameGrid 的顺序。您可以做的是全部创建它们，随机播放列表，然后将它们添加到子列表中。

所以删除GameGrid.Children.Add调用CreateList（注意，我有点调整了那里的代码，我假设你没有发布完整的代码）

private List<Button> CreateList()
{
    var myList = new List<Button>();

    for (int i = 0; i <= 19; i++)
    {
        string name = string.Format("button{0}", i+1);

        Button buttt = new Button();
        buttt.Name = name;
        buttt.Content = i + 1;
        buttt.Height = 72;
        buttt.HorizontalAlignment = HorizontalAlignment.Left;
        buttt.VerticalAlignment = VerticalAlignment.Top;
        buttt.Width = 88;
        buttt.Click += new RoutedEventHandler(this.button_Click);

        myList.Add(buttt);
    }

    return myList;
}

执行随机播放，然后添加它们：

var buttons = CreateList();
Shuffle(buttons);

foreach(var button in buttons)
{
    GameGrid.Children.Add(button);
}

编辑：从您发布的完整代码来看，问题是因为所有按钮都在一个Grid控件中，它们的位置由它们所在的行/列和它们Margin（控制它们在该单元格中的位置）决定。如果您没有明确定义它们的行/列，而您没有，那么它们被假定在第一行/列中。在这种情况下，它们的边距（未洗牌）决定了它们的定位。

我认为在这种情况下，要么用单元格构建网格，要么可能最简单：myMargin在创建列表之前简单地打乱列表！这些按钮将按顺序添加，但它们将被赋予随机位置。

var myMargin = CreateMargins(); //wherever that's done
Shuffle(myMargin); //you'll have to change the signature to work against List<Thickness> instead
var buttons = CreateList(myMargin); //add back the GameGrid.Children.Add call
//notice, no longer a call to shuffle the buttons

可能不是最好的解决方案，但我认为这会给您带来与您想要的相同的效果。

于 2013-01-13T20:37:17.757 回答
0

你的逻辑有缺陷。您将按钮放在网格中，并用边距定位它们。由于您使用边距来定位它们，因此无论您以何种顺序将它们添加到网格中，它们的位置都不会改变。

几种方法可以做你想做的事情：

  • 在按钮列表被洗牌后应用边距
  • 使用 Stackpanel 而不是网格（并删除边距）

  • 按预期使用网格：创建一些行，并将每个按钮分配给一行

    <Grid>
    <Grid.RowDefinitions>
        <Grid.RowDefinition />
        <Grid.RowDefinition />
        <Grid.RowDefinition />
        etc...
    </Grid.RowDefinitions>
<Grid>

    然后在后面的代码中，设置每个按钮的行：

    Grid.SetRow(myButton, 1);
于 2013-01-13T21:49:01.360 回答
0

您可以只打乱 中按钮的索引UIElementCollection，但您可能必须切换网格类型，因为在您的代码中明确设置所有边距将不允许它打乱。

您是否能够使用StackPanel或布局您的控件？WrapPanelUniformGrid

示例基于UniformGrid（除非您在控件上设置了边距，否则所有网格都相同）。

我知道这不是您当前问题的答案，但它可能会为您指明正确的方向。

private void Shuffle(UIElementCollection list)
{
    Random rand = new Random();
    int n = list.Count;
    while (n > 1)
    {
        n--;
        int k = rand.Next(n + 1);
        Button value = list.OfType<Button>().ElementAt(n);
        list.Remove(value);
        list.Insert(k, value);
    }
}

例子：

<Window x:Class="WpfApplication8.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="199" Width="206" Name="UI">
    <Grid>
        <UniformGrid Name="GameGrid" Margin="0,48,0,0" Height="112" VerticalAlignment="Top">
            <Button Content="Button 1" />
            <Button Content="Button 2" />
            <Button Content="Button 3" />
            <Button Content="Button 4" />
            <Button Content="Button 5" />
        </UniformGrid>
        <Button Content="Shuffle" Height="23" HorizontalAlignment="Left" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />
    </Grid>
</Window>

代码：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        Shuffle(GameGrid.Children);
    }

    private void Shuffle(UIElementCollection list)
    {
        Random rand = new Random();
        int n = list.Count;
        while (n > 1)
        {
            n--;
            int k = rand.Next(n + 1);
            Button value = list.OfType<Button>().ElementAt(n);
            list.Remove(value);
            list.Insert(k, value);
        }
    }
}
于 2013-01-13T22:06:54.507 回答