Add rectangle controls dynamically to silverlight

Question

In the following code snippet I am adding new rectangle on button click. Currently they are adding from top to bottom but I want to add them in bottom to top order

<UserControl x:Class="StackImp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Canvas x:Name="LayoutRoot" Background="White">
        <Canvas x:Name="canvasChild" Background="Red"></Canvas>
        <Button x:Name="btnPush" Content="Add" Height="20" Width="40" Margin="12,268,348,12" Click="btnPush_Click"></Button>
        <Button Content="Remove" Height="20" Margin="78,268,282,12" Name="btnPop" Width="40" />
    </Canvas>
</UserControl>




using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace StackImp
{
    public partial class MainPage : UserControl
    {
        StackPanel sp1 = new StackPanel();
        public MainPage()
        {
            InitializeComponent();
            sp1.Orientation = Orientation.Vertical;
            canvasChild.Children.Add(sp1);

        }

        private void btnPush_Click(object sender, RoutedEventArgs e)
        {
            Rectangle rect = new Rectangle()
            {

                Height = 30,
                Width = 30,
                StrokeThickness = 3,
                Stroke = new SolidColorBrush(Colors.Red),

            };
            sp1.Children.Add(rect);
        }
    }
}

Use the Insert method instead of Add so they get added to the front. — Hans Passant
– Hans Passant, Commented Mar 1, 2011 at 8:00
All the elements on the Canvas should be explicitly positioned using coordinates. If you need to aligning, may be it could be better to consider different layout elements that will better fit your needs. I don't contend that it's impossible to do with your current layout, but either way a solution will look a bit tangly. — Anton Moiseev
– Anton Moiseev, Commented Mar 1, 2011 at 9:48

Kiril Stanoev · Accepted Answer · 2011-03-01 21:08:17Z

Try this one.

XAML

<Grid x:Name="LayoutRoot" Background="White">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Button Content="Add Rectangle" Click="Button_Click" />
    <StackPanel x:Name="sp1" Grid.Row="1" VerticalAlignment="Bottom"/>
</Grid>

C#

private void Button_Click(object sender, RoutedEventArgs e)
{
    Border border = new Border();
    border.Height = 50;
    border.Width = 50;
    border.BorderBrush = new SolidColorBrush(Colors.Black);
    border.BorderThickness = new Thickness(2);
    border.Child = new TextBlock()
    {
        Text = sp1.Children.Count.ToString(),
        HorizontalAlignment = System.Windows.HorizontalAlignment.Center,
        VerticalAlignment = System.Windows.VerticalAlignment.Center
    };
    sp1.Children.Insert(0, border);
}

EvgK · Accepted Answer · 2011-03-01 07:58:14Z

0

I think rect.VerticalAlignment = VerticalAlignment.Bottom and sp1.Children.Insert(0, rect) will help you.

answered Mar 1, 2011 at 7:58

EvgK

1,92712 silver badges10 bronze badges

Collectives™ on Stack Overflow

Add rectangle controls dynamically to silverlight

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related