Установить выбор в поле просмотра

Question

Здравствуйте, у меня есть несколько кнопок, случайно назначенных в моем приложении WPF, например:

partial class Window1
{

    private void button3_Click(object sender, RoutedEventArgs e)
    {
        MessageBox.Show("action 3");
    }
    void button2Click(object sender, RoutedEventArgs e)
    {
        MessageBox.Show("action 2");
    }
    void button1Click(object sender, RoutedEventArgs e)
    {
        MessageBox.Show("action 1");
    }

    public Window1()
    {
        this.InitializeComponent();
        populateButtons();
    }

    public void populateButtons()
    {
        double xPos;
        double yPos;


        Random ranNum = new Random();
        foreach (var routedEventHandler in new RoutedEventHandler[] { button1Click, button2Click, button3_Click })
        {

            Button foo = new Button();


            Style buttonStyle = Window.Resources["CurvedButton"] as Style;
            int sizeValue = 100;

            foo.Width = sizeValue;
            foo.Height = sizeValue;

            xPos = ranNum.Next(200);
            yPos = ranNum.Next(250);


            foo.HorizontalAlignment = HorizontalAlignment.Left;
            foo.VerticalAlignment = VerticalAlignment.Top;
            foo.Margin = new Thickness(xPos, yPos, 0, 0);
            foo.Style = buttonStyle;

            foo.Click += routedEventHandler;

            LayoutRoot.Children.Add(foo);
        }
    }
}

}

Я задаю область, в которой будут заполняться кнопки, следующим образом:

        int xPos;
        int yPos;

            xPos = ranNum.Next(239);
            yPos = ranNum.Next(307);


            foo.HorizontalAlignment = HorizontalAlignment.Left;
            foo.VerticalAlignment = VerticalAlignment.Top;
            foo.Margin = new Thickness(xPos, yPos, 0, 0);

То, что я предпочел бы сейчас сделать, это установить эту область с окном просмотра с именем viewbox1 (оригинал!);)

Есть ли способ сделать это в коде позади?

XAML:

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xml:lang="en-US"
    x:Class="DynamicButtons.Window1"
    x:Name="Window"
    Title="Dynamic Buttons"
    WindowState="Normal" WindowStyle="None" AllowsTransparency="True" Background="Transparent"
    Width="840" Height="600" Icon="shape_group.png">
    <Window.Resources>   
            <Style x:Key="CurvedButton" BasedOn="{x:Null}" TargetType="{x:Type Button}">

                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <ControlTemplate.Resources>
                                <Storyboard x:Key="OnMouseMove1">
                                    <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                        <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                                        <SplineColorKeyFrame KeyTime="00:00:00.3000000" Value="#7CE1DBDB"/>
                                    </ColorAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
                                        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1.66"/>
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
                                        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1.66"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                                <Storyboard x:Key="OnMouseLeave1">
                                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
                                        <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1.78"/>
                                        <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
                                        <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1.78"/>
                                        <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                                <Storyboard x:Key="OnClick1">
                                    <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                        <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFFFFFFF"/>
                                        <SplineColorKeyFrame KeyTime="00:00:00.3000000" Value="#BFA0D1E2"/>
                                    </ColorAnimationUsingKeyFrames>
                                </Storyboard>
                            </ControlTemplate.Resources>
                            <Grid>
                                <Rectangle RenderTransformOrigin="1,1" Fill="#3FFFFFFF" Stroke="{x:Null}" RadiusX="11" RadiusY="11" x:Name="rectangle">
                                    <Rectangle.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                                            <SkewTransform AngleX="0" AngleY="0"/>
                                            <RotateTransform Angle="0"/>
                                            <TranslateTransform X="0" Y="0"/>
                                        </TransformGroup>
                                    </Rectangle.RenderTransform>
                                </Rectangle>
                                <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <EventTrigger RoutedEvent="ButtonBase.Click">
                                    <BeginStoryboard x:Name="OnClick1_BeginStoryboard" Storyboard="{StaticResource OnClick1}"/>
                                </EventTrigger>
                                <EventTrigger RoutedEvent="Mouse.MouseLeave">
                                    <BeginStoryboard x:Name="OnMouseLeave1_BeginStoryboard" Storyboard="{StaticResource OnMouseLeave1}"/>
                                </EventTrigger>
                                <EventTrigger RoutedEvent="FrameworkElement.Loaded"/>
                                <EventTrigger RoutedEvent="Mouse.MouseEnter">
                                    <BeginStoryboard x:Name="OnMouseMove1_BeginStoryboard" Storyboard="{StaticResource OnMouseMove1}"/>
                                </EventTrigger>
                                <Trigger Property="IsFocused" Value="True"/>
                                <Trigger Property="IsDefaulted" Value="True"/>
                                <Trigger Property="IsMouseOver" Value="True"/>
                                <Trigger Property="IsPressed" Value="True"/>
                                <Trigger Property="IsEnabled" Value="False"/>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>

                <Setter Property="Background">
                    <Setter.Value>
                        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                            <GradientStop Color="#FFF3F3F3" Offset="0"/>
                            <GradientStop Color="#FFEBEBEB" Offset="0.5"/>
                            <GradientStop Color="#FFDDDDDD" Offset="0.5"/>
                            <GradientStop Color="#E1CDCDCD" Offset="1"/>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Style>
        </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded"/>
    </Window.Triggers>
        <Grid x:Name="LayoutRoot">
        <Grid Name="MainLayoutGrid" Background="#2b2b2b">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="4" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="4" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="4" />
                <RowDefinition Height="25" />
                <RowDefinition Height="*" />
                <RowDefinition Height="4" />
            </Grid.RowDefinitions>
            <Grid Grid.Column="1" Grid.Row="1" Name="TitleGrid">
                <Grid.RowDefinitions>
                    <RowDefinition Height="2"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="4"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="100"/>
                </Grid.ColumnDefinitions>
                <Grid Grid.Row="1" Grid.Column="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="20"/>
                        <ColumnDefinition Width="4"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0"  Name="ImageIcon" Stretch="Uniform"/>
                    <TextBlock Grid.Column="2" Name="Titleblk" Foreground="White">Wanna be Title</TextBlock>

                </Grid>
                <Grid Grid.Row="0" Grid.Column="2" Grid.RowSpan="2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="25"/>
                        <ColumnDefinition Width="25"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Button Name="btnMin" Grid.Column="1" Grid.ColumnSpan="2" Margin="8,4,42,-4">
                        <Button.RenderTransform>
                            <ScaleTransform ScaleX="0.8" ScaleY="0.8"></ScaleTransform>
                        </Button.RenderTransform>
                        <Button.Clip>
                            <RectangleGeometry RadiusX="1000" RadiusY="1000" Rect="0,0,18,20" />
                        </Button.Clip>
                    </Button>
                    <Button Name="btnMax" Grid.Column="2" Margin="2,4,23,-4">
                        <Button.RenderTransform>
                            <ScaleTransform ScaleX="0.8" ScaleY="0.8"></ScaleTransform>
                        </Button.RenderTransform>
                        <Button.Clip>
                            <RectangleGeometry RadiusX="1000" RadiusY="1000" Rect="0,0,18,20" />
                        </Button.Clip>
                    </Button>
                    <Button Name="btnClose" Grid.Column="2" Margin="24,0,6,0" BorderBrush="#00000000" BorderThickness="0" ClickMode="Press" Foreground="#00000000" HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" OpacityMask="#82F8F8F8" VerticalAlignment="Stretch" VerticalContentAlignment="Center">
                        <Button.Clip>
                            <RectangleGeometry RadiusX="1000" RadiusY="1000" Rect="0,0,20,20" />
                        </Button.Clip>
                    </Button>
                </Grid>
            </Grid>

            <Grid Grid.Column="1" Grid.Row="2">
                <Grid.Background>
                    <LinearGradientBrush EndPoint="0.484,0.543" StartPoint="0.478,0.009">
                        <GradientStop Color="Gray" Offset="1"/>
                        <GradientStop Color="DarkGray" Offset="0"/>
                    </LinearGradientBrush>
                </Grid.Background>
                <UniformGrid>
                    <Viewbox Height="364" Name="viewbox1" Width="363" VerticalAlignment="Stretch" Margin="6,0,441,164" />
                </UniformGrid>
            </Grid>
        </Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <!--<Canvas Height="284" HorizontalAlignment="Left" Margin="457,66,0,0" Name="canvas1" VerticalAlignment="Top" Width="300" />-->
    </Grid>

</Window>

Полный код:

namespace DynamicButtons
{
    partial class Window1
    {

        void button3_Click(object sender, RoutedEventArgs e)
        {
            if (e.RoutedEvent == FrameworkElement.LoadedEvent)
            {
                ToolTip t = new ToolTip();
                t.Content = "Something helpful";
                ((Button)sender).ToolTip = t;
                ((Button)sender).Content = "Hello";
                return;
            }
            MessageBox.Show("Hello you punk");
        }
        void button2Click(object sender, RoutedEventArgs e)
        {
            //ToolTip t = new ToolTip();
            //t.Content = "Something helpful";
            //((Button)sender).ToolTip = t;

            //MessageBox.Show("action 2");
        }
        void button1Click(object sender, RoutedEventArgs e)
        {
            //ToolTip t = new ToolTip();
            //t.Content = "Something helpful";
            //((Button)sender).ToolTip = t;
            ////Button b = new Button();
            //((Button)sender).Content = "Hello";
            ////b.ToolTip = t;

            //MessageBox.Show("action 1");
        }

        public Window1()
        {
            this.InitializeComponent();
            populateButtons();

        }
        public void populateButtons()
        {
            double xPos;
            double yPos;

            UniformGrid grid = new UniformGrid();

            Viewbox viewBox = new Viewbox();
            viewBox.Name = "viewbox1";
            viewBox.Stretch = Stretch.Fill;
            viewBox.Child = grid;

            LayoutRoot.Children.Add(viewBox);
            Random ranNum = new Random();
            foreach (var routedEventHandler in new RoutedEventHandler[] { button1Click, button2Click, button3_Click })
            {
                Button foo = new Button();
                Style buttonStyle = Window.Resources["CurvedButton"] as Style;
                int sizeValue = 100;

                foo.Width = sizeValue;
                foo.Height = sizeValue;

                xPos = ranNum.Next(100);
                yPos = ranNum.Next(150);


                foo.HorizontalAlignment = HorizontalAlignment.Left;
                foo.VerticalAlignment = VerticalAlignment.Top;
                foo.Margin = new Thickness(xPos, yPos, 0, 0);
                foo.Style = buttonStyle;

                foo.Click += routedEventHandler;
                foo.Loaded += routedEventHandler;

                grid.Children.Add(foo);
            }
        }

Answer 1

Чтобы добавить кнопки в ViewBox, вы можете просто сделать это:

    public void populateButtons()
    {
        double xPos;
        double yPos;

        UniformGrid grid = new UniformGrid();
        viewbox1.Child = grid;

        Random ranNum = new Random();
        foreach (var routedEventHandler in new RoutedEventHandler[] { button1Click, button2Click, button3_Click })
        {
            Button foo = new Button();
            Style buttonStyle = Window.Resources["CurvedButton"] as Style;
            int sizeValue = 100;

            foo.Width = sizeValue;
            foo.Height = sizeValue;

            xPos = ranNum.Next(200);
            yPos = ranNum.Next(250);


            foo.HorizontalAlignment = HorizontalAlignment.Left;
            foo.VerticalAlignment = VerticalAlignment.Top;
            foo.Margin = new Thickness(xPos, yPos, 0, 0);
            foo.Style = buttonStyle;

            foo.Click += routedEventHandler;

            grid.Children.Add(foo);
        }
    }

Answer 2

Что вы думаете об использовании Viewbox?Это из-за растяжения и масштаба?

Я рекомендую использовать Canvas, а затем вы можете установить значения Canvas.Left и Canvas.Top аналогично тому, как вы устанавливаете xPos и ​​yPos.

Тогда, если вы хотите использовать функции растяжения / масштабирования в Viewbox, вы можете поместить созданный вами холст как дочерний элемент Viewbox.

ОБНОВЛЕНИЕ: чтобы получить значения ActualHeight и ActualWidth холста во время выполнения, вы можете добавить обработчик событий для SizeChanged (легко сделать в XAML, но не слишком сложно в коде), чтобы обрабатывать изменения высоты / ширинызначение во время выполнения.Вот решение кода:

bool initialized = false;  // Should be located in class definition for your window
                           // ex. within "public partial class WindowName : Window
canvas.SizeChanged += new SizeChangedEventHandler(canvas_SizeChanged);
                          // Can be located in constructor for window 
                          // ie. public MainWindow() { /* put it right here */ }

тогда определение для обработчика событий может быть следующим: (это создает только одну кнопку, но будет работать с вашим циклом for.)

Обновление местоположения Это определение ниже может находиться в пределах класса def для вашего окна, но ниже определения для логической переменной «initialized».(напр., w / in "открытый частичный класс WindowName: Window")

     private void canvas_SizeChanged(object sender, SizeChangedEventArgs e)
            {
            if (initialized == false)  // so this only happens once.
             {
                 int sizeValue = 100;
                 Random ranNum = new Random();
                 int modHeight = System.Convert.ToInt32(canvas.ActualHeight)-sizeValue;
                 int modWidth = System.Convert.ToInt32(canvas.ActualWidth)-sizeValue;
                 Button foo = new Button();
                 canvas.Children.Add(foo);
                 foo.Width = sizeValue;
                 foo.Height = sizeValue;
                 xPos = ranNum.Next(239) % modWidth;
                 yPos = ranNum.Next(307) % modHeight
                 Canvas.SetLeft(foo, xPos);
                 Canvas.SetTop(foo, yPos);
                 initialized = true;
            }
}

Или, если вы знаете, какого размера будет ваш холст, вы можете просто вручную установить modHeight и modWidth в значение пикселя:ваш выбор и не нужно иметь дело с обработчиком событий.