How to Programmatically Create a ToolBar with Buttons in C#?

Question

How to Programmatically Create a ToolBar with Buttons in C#?

vitaminchik 486

Hello. I am creating an application window through C# code. How can I add a ToolBar to a page using C#? Programmatically, I do because I have a table and I add new rows. I know how to do it through xml, but how through C#?

            ToolBar myToolBar = new ToolBar();
            Grid.SetRow(myToolBar,0);
            myToolBar.VerticalAlignment= VerticalAlignment.Top;
            myToolBar.Background= new SolidColorBrush(Color.FromRgb(238, 245, 253));
            myToolBar.Height= 50;

Answer accepted by question author

0 additional answers

Your answer

Answer 1

Hui Liu-MSFT 48,711 Microsoft External Staff

Hi,@vitaminchik. Welcome Microsoft Q&A. You could refer to the following code. MainWindow.xaml:

 <StackPanel x:Name="sp">
        <Frame x:Name="myFrame" Width="450" Height="200"/>
    </StackPanel>

MainWindow.xaml.cs:

 public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            Page1 page1 = new Page1();
            myFrame.Navigate(page1);
        }
    }

Page1.xaml:

 <Grid Background="AliceBlue" Name="grid">
        
    </Grid>

Page1.xaml.cs:

 public partial class Page1 : Page
    {
        public Page1()
        {
            InitializeComponent();
            grid.Children.Add( CreatetoolBarTray());
        }
        public ToolBarTray CreatetoolBarTray()
        {
            var tbt = new ToolBarTray
            {
                Width = 450.0,
                IsLocked = true
            };
            var tb = new ToolBar();
            var b = new Binding
            {
                Path = new PropertyPath("ActualWidth"),
                Source = new RelativeSource(RelativeSourceMode.FindAncestor, typeof(ToolBarTray), 1),
            };
            tb.SetBinding(WidthProperty, b);

            tb.Items.Add(new Button() { Content = "b1"  , Width=50,Background=Brushes.LightGray});
            tb.Items.Add(new Button() { Content = "b2" ,Width = 50, Background = Brushes.LightGray });

            tbt.ToolBars.Add(tb);

            return tbt;
        }
    }

The result: User's image

If the response is helpful, please click "Accept Answer" and upvote it. Note: Please follow the steps in our [documentation][5] to enable e-mail notifications if you want to receive the related email notification for this thread. [5]: https://docs.microsoft.com/en-us/answers/articles/67444/email-notifications.html

vitaminchik 486 Reputation points

2023-04-18T11:11:56.4066667+00:00

Is it possible to write code while working in the same window in xml and c# at the same time? I wanted to add an element in C#, but at the same time I wanted to add another element in xml. The compiler ignored the xml code and output the code that was in c#
Hui Liu-MSFT 48,711 Reputation points Microsoft External Staff

2023-04-19T01:45:37.3733333+00:00

Hi,@vitaminchik.

I wanted to add an element in C#, but at the same time I wanted to add another element in xml.

Do you value adding another element in xaml or adding another element in xml? Could you take screenshots to show your expected results or describe them in more detail?

vitaminchik 486

Hello. So far it doesn't look right. I tested. For some reason the table is at the bottom. And it should be at the top. Due to a lot of coding, I wanted to write a table in C# and add the ToolBar via XAML. I wanted to make a click call on a table. If there is a click, the user will be able to add a new line and enter text there. It should be possible to add a concatenated row and with columns. Below I will attach a photo of what the table should look like. Is it possible to add in a row in one column dropdown list? As I understand it, I did not choose the easy way. Is it possible to do similar work faster with less code by connecting the MS Excel library? But so that the user has the opportunity to edit the table in the application window (create new lines) not in MS Excel.

<Window x:Class="ProgrammForKNRTU.CreateTableOfCloth"
        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"
        xmlns:local="clr-namespace:ProgrammForKNRTU"
        mc:Ignorable="d"
        WindowState="Maximized"
        Title="CreateTableOfCloth" Height="600" Width="800" WindowStyle="ThreeDBorderWindow" Icon="/table.png" BorderThickness="2,0,0,0">
</Window>

And file .cs

public CreateTableOfCloth()
        {
            InitializeComponent();
            var myGrid = new Grid();
            RowDefinition myRowDef1 = new RowDefinition();
            RowDefinition myRowDef2 = new RowDefinition();
            myGrid.RowDefinitions.Add(myRowDef1);
            myGrid.RowDefinitions.Add(myRowDef2);

            // Creating toolbar.
            ToolBarPanel myToolBarTray = new ToolBarPanel();
            Grid.SetRow(myToolBarTray,0);
            myToolBarTray.VerticalAlignment= VerticalAlignment.Top;

            ToggleButton saveButton= new ToggleButton();
            saveButton.Name ="saveButton";
            saveButton.ToolTip = "Save file";
            Image saveImage=new Image();
            saveImage.Width = 16;
            saveImage.Height = 16;
            BitmapImage bi3 = new BitmapImage();
            bi3.BeginInit();
            bi3.UriSource = new Uri("save.png", UriKind.Relative);
            bi3.EndInit();
            saveImage.Stretch = Stretch.Fill;
            saveImage.Source = bi3;
            
            myToolBarTray.Background= new SolidColorBrush(Color.FromRgb(238, 245, 253));
            myToolBarTray.Height= 50;

            StackPanel stackPanel = new StackPanel();
            RichTextBox myRichTextBox = new RichTextBox();
            FlowDocument flowDocument = new FlowDocument();
            {
                var table2 = new Table();
                flowDocument.Blocks.Add(table2);
                table2.CellSpacing = 10;
                table2.Background = Brushes.White;

                int score = 1;
                int numberOfColumns = 7;
                for (int i = 0; i < numberOfColumns; i++)
                {
                    table2.Columns.Add(new TableColumn());
                    if (i % 2 == 0)
                    {
                        table2.Columns[i].Background = Brushes.Beige;
                    }
                    else
                        table2.Columns[i].Background = Brushes.LightSteelBlue;
                }

                table2.RowGroups.Add(new TableRowGroup());
                table2.RowGroups[0].Rows.Add(new TableRow());
                TableRow currentRow = table2.RowGroups[0].Rows[0];
                currentRow.Background = Brushes.Silver;
                currentRow.FontSize = 18;
                currentRow.FontWeight = FontWeights.Bold;
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("table"))));
                currentRow.Cells[0].ColumnSpan = 6;

                // Add 2 lines.
                table2.RowGroups[0].Rows.Add(new TableRow());
                currentRow = table2.RowGroups[0].Rows[1];
                // Line formatting after heading.
                currentRow.FontSize = 14;
                currentRow.FontWeight = FontWeights.Bold;

                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));

                table2.RowGroups[0].Rows.Add(new TableRow());
                currentRow = table2.RowGroups[0].Rows[2];

                // Global formatting for the row.
                currentRow.FontSize = 12;
                currentRow.FontWeight = FontWeights.Normal;
            }
            myRichTextBox.Document = flowDocument;
            stackPanel.Children.Add(myRichTextBox);
            Grid.SetRow(stackPanel,1);
            myGrid.Children.Add(myToolBarTray);
            myGrid.Children.Add(stackPanel);
            
            this.Content = myGrid;
            myRichTextBox.SelectAll();
        }

vitaminchik 486 Reputation points

2023-04-20T10:07:43.85+00:00

Image of table

Hui Liu-MSFT 48,711 Microsoft External Staff

Hi,@vitaminchik.

Has your problem with Programmatically creating a ToolBar with Buttons been solved? If so, you could accept the above solution as the answer.
For questions in the comments, if you want to create the Table entirely in c# code in MainWindow.xaml.cs , you could refer to the code below.
I show a few key columns in the table, you can refer to my code to supplement the rest. MainWindow.xaml:

Window x:Class="GenerateControl.MainWindow"
        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"
        xmlns:local="clr-namespace:GenerateControl"
        mc:Ignorable="d" WindowStyle="ThreeDBorderWindow"
        Title="MainWindow" Height="450" Width="800">
   
</Window>

MainWindow.xaml.cs:

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

        private void Gerenate()
        {
            Grid grid = new Grid();

            var no1Binding = new Binding("No1")
            {
                Mode = BindingMode.Default,
                UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged
            };

            var nameBinding = new Binding("Name")
            {
                Mode = BindingMode.Default,
                UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged
            };



            var dataGrid = new DataGrid();
            dataGrid.Columns.Add(new DataGridTextColumn
            {
                Header = "No1",
                Binding = no1Binding
            });
            dataGrid.Columns.Add(new DataGridTextColumn
            {
                Header = "Name",
                Binding = nameBinding
            });
            dataGrid.Columns.Add(new DataGridComboBoxColumn
            {
                Header = "Equipment",
                ItemsSource = myEquipments
            });

            dataGrid.AutoGenerateColumns= false;
            dataGrid.ItemsSource = Infos;



            grid.Children.Add(dataGrid);
            this.Content = grid;
        }
        public ObservableCollection<string> myEquipments { get; set; } = new ObservableCollection<string>() { "a1", "b1", "c1" };
        private ObservableCollection<Info> infos = new ObservableCollection<Info>();
        public ObservableCollection<Info> Infos
        {
            get { return infos= Datas(); }
            set
            {
                if (infos != value)
                {
                    infos = value;
                    OnPropertyChanged("Infos");
                }
            }
        }
        public ObservableCollection<Info>  Datas()
        {
           
            infos.Add(new Info() { No1 = "1",No2="1", Name = "Text",Description= "TEXT",Equipment= myEquipments, WorkersCategory= "TEXT", PriceRate= "TEXT", Specifications="TEXT" , Time= "TEXT" });
            infos.Add(new Info() { No1 = "2",No2="1", Name = "Text",Description="Text",Equipment= myEquipments, WorkersCategory= "TEXT", PriceRate= "TEXT", Specifications="TEXT" , Time= "TEXT" });
            return infos;
        }
      
        public class Info
        {
            public string No1 { get; set; }
            public string No2{ get; set; }
            public string Name{ get; set; }
            public string Description { get; set; }
            public  ObservableCollection<string> Equipment { get; set; }
            public string WorkersCategory { get; set; }
            public string Time { get; set; }
            public string PriceRate { get; set; }
            public string Specifications { get; set; }
        }
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged([CallerMemberName] string name = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }
        public void CreateTableOfCloth()
        {
            InitializeComponent();
            var myGrid = new Grid();
            RowDefinition myRowDef1 = new RowDefinition();
            RowDefinition myRowDef2 = new RowDefinition();
            myGrid.RowDefinitions.Add(myRowDef1);
            myGrid.RowDefinitions.Add(myRowDef2);

            // Creating toolbar.
            ToolBarPanel myToolBarTray = new ToolBarPanel();
            Grid.SetRow(myToolBarTray, 0);
            myToolBarTray.VerticalAlignment = VerticalAlignment.Top;

            ToggleButton saveButton = new ToggleButton();
            saveButton.Name = "saveButton";
            saveButton.ToolTip = "Save file";
            Image saveImage = new Image();
            saveImage.Width = 16;
            saveImage.Height = 16;
            BitmapImage bi3 = new BitmapImage();
            bi3.BeginInit();
            bi3.UriSource = new Uri("save.png", UriKind.Relative);
            bi3.EndInit();
            saveImage.Stretch = Stretch.Fill;
            saveImage.Source = bi3;

            myToolBarTray.Background = new SolidColorBrush(Color.FromRgb(238, 245, 253));
            myToolBarTray.Height = 50;

            StackPanel stackPanel = new StackPanel();
            RichTextBox myRichTextBox = new RichTextBox();
            FlowDocument flowDocument = new FlowDocument();
            {
                var table2 = new Table();
                flowDocument.Blocks.Add(table2);
                table2.CellSpacing = 10;
                table2.Background = Brushes.White;

                int score = 1;
                int numberOfColumns = 7;
                for (int i = 0; i < numberOfColumns; i++)
                {
                    table2.Columns.Add(new TableColumn());
                    if (i % 2 == 0)
                    {
                        table2.Columns[i].Background = Brushes.Beige;
                    }
                    else
                        table2.Columns[i].Background = Brushes.LightSteelBlue;
                }

                table2.RowGroups.Add(new TableRowGroup());
                table2.RowGroups[0].Rows.Add(new TableRow());
                TableRow currentRow = table2.RowGroups[0].Rows[0];
                currentRow.Background = Brushes.Silver;
                currentRow.FontSize = 18;
                currentRow.FontWeight = FontWeights.Bold;
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("table"))));
                currentRow.Cells[0].ColumnSpan = 6;

                // Add 2 lines.
                table2.RowGroups[0].Rows.Add(new TableRow());
                currentRow = table2.RowGroups[0].Rows[1];
                // Line formatting after heading.
                currentRow.FontSize = 14;
                currentRow.FontWeight = FontWeights.Bold;

                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));
                currentRow.Cells.Add(new TableCell(new Paragraph(new Run("Text"))));

                table2.RowGroups[0].Rows.Add(new TableRow());
                currentRow = table2.RowGroups[0].Rows[2];

                // Global formatting for the row.
                currentRow.FontSize = 12;
                currentRow.FontWeight = FontWeights.Normal;
            }
            myRichTextBox.Document = flowDocument;
            stackPanel.Children.Add(myRichTextBox);
            Grid.SetRow(stackPanel, 1);
            myGrid.Children.Add(myToolBarTray);
            myGrid.Children.Add(stackPanel);

            this.Content = myGrid;
            myRichTextBox.SelectAll();
        }
    }

The result:

User's image

Share via

How to Programmatically Create a ToolBar with Buttons in C#?

0 additional answers

Your answer