Skip to content

Commit 7e764c4

Browse files
Nithi-22Nithi-22
committed
Change committed
1 parent 726c100 commit 7e764c4

File tree

1 file changed

+123
-170
lines changed

1 file changed

+123
-170
lines changed

‎wpf/ToolBar/ToolBarAdv-state.md

Lines changed: 123 additions & 170 deletions
Original file line numberDiff line numberDiff line change
@@ -14,120 +14,71 @@ ToolBarAdv provides different states such as Docking, Floating or Hidden. It can
1414

1515
{% highlight XAML %}
1616

17-
<syncfusion:ToolBarManager x:Name="toolBarManager" >
18-
19-
<syncfusion:ToolBarManager.TopToolBarTray>
20-
21-
<syncfusion:ToolBarTrayAdv >
22-
23-
<syncfusion:ToolBarAdv ToolBarName="Standard" Band="0">
24-
25-
<Button syncfusion:ToolBarAdv.Label="New Document"
26-
syncfusion:ToolBarAdv.Icon="Images/NewDocumentHS.png">
27-
28-
<Image Source="Images/NewDocumentHS.png" Width="16" Height="16"/>
29-
30-
</Button>
31-
32-
<Button syncfusion:ToolBarAdv.Label="Open Document"
33-
syncfusion:ToolBarAdv.Icon="Images/openHS.png">
34-
35-
<Image Source="Images/openHS.png" Width="16" Height="16"/>
36-
37-
</Button>
38-
39-
<syncfusion:ToolBarAdv Band="1" ToolBarName="Extras"
40-
syncfusion:ToolBarManager.ToolBarState="Floating"
17+
<syncfusion:ToolBarManager x:Name="toolBarManager" >
18+
<syncfusion:ToolBarManager.TopToolBarTray>
19+
<syncfusion:ToolBarTrayAdv >
20+
<syncfusion:ToolBarAdv ToolBarName="Standard" Band="0">
21+
<Button syncfusion:ToolBarAdv.Label="New Document"
22+
syncfusion:ToolBarAdv.Icon="Images/NewDocumentHS.png">
23+
<Image Source="Images/NewDocumentHS.png" Width="16" Height="16"/>
24+
</Button>
25+
<Button syncfusion:ToolBarAdv.Label="Open Document"
26+
syncfusion:ToolBarAdv.Icon="Images/openHS.png">
27+
<Image Source="Images/openHS.png" Width="16" Height="16"/>
28+
</Button>
29+
<syncfusion:ToolBarAdv Band="1" ToolBarName="Extras"
30+
syncfusion:ToolBarManager.ToolBarState="Floating"
4131
FloatingBarLocation="500,300">
42-
43-
<Button syncfusion:ToolBarAdv.Label="Insert Picture"
44-
syncfusion:ToolBarAdv.Icon="Images/InsertPictureHS.png">
45-
46-
<Image Source="Images/InsertPictureHS.png" Width="16" Height="16"/>
47-
48-
</Button>
49-
50-
<Button syncfusion:ToolBarAdv.Label="Insert Hyperlink"
51-
syncfusion:ToolBarAdv.Icon="Images/InsertHyperlinkHS.png">
52-
53-
<Image Source="Images/InsertHyperlinkHS.png" Width="16" Height="16"/>
54-
55-
</Button>
56-
57-
<Button syncfusion:ToolBarAdv.Label="Insert Table"
58-
syncfusion:ToolBarAdv.Icon="Images/TableHS.png">
59-
60-
<Image Source="Images/TableHS.png" Width="16" Height="16"/>
61-
62-
</Button>
63-
64-
</syncfusion:ToolBarAdv>
65-
66-
</syncfusion:ToolBarAdv>
67-
68-
</syncfusion:ToolBarTrayAdv>
69-
70-
</syncfusion:ToolBarManager.TopToolBarTray>
71-
72-
<Grid >
73-
74-
<Grid.RowDefinitions>
75-
76-
<RowDefinition Height="*"/>
77-
78-
<RowDefinition Height="Auto"/>
79-
80-
</Grid.RowDefinitions>
81-
82-
<ScrollViewer >
83-
84-
<Grid Margin="20">
85-
86-
<Border CornerRadius="2" Background="Black"
87-
Opacity="0.3" Width="600" Height="700">
88-
89-
<Border.Effect>
90-
91-
<BlurEffect Radius="15"/>
92-
93-
</Border.Effect>
94-
95-
</Border>
96-
97-
<RichTextBox Width="600" Height="700" Padding="20"></RichTextBox>
98-
99-
</Grid>
100-
101-
</ScrollViewer>
102-
103-
</Grid>
104-
105-
</syncfusion:ToolBarManager>
106-
107-
32+
<Button syncfusion:ToolBarAdv.Label="Insert Picture"
33+
syncfusion:ToolBarAdv.Icon="Images/InsertPictureHS.png">
34+
<Image Source="Images/InsertPictureHS.png" Width="16" Height="16"/>
35+
</Button>
36+
<Button syncfusion:ToolBarAdv.Label="Insert Hyperlink"
37+
syncfusion:ToolBarAdv.Icon="Images/InsertHyperlinkHS.png">
38+
<Image Source="Images/InsertHyperlinkHS.png" Width="16" Height="16"/>
39+
</Button>
40+
<Button syncfusion:ToolBarAdv.Label="Insert Table"
41+
syncfusion:ToolBarAdv.Icon="Images/TableHS.png">
42+
<Image Source="Images/TableHS.png" Width="16" Height="16"/>
43+
</Button>
44+
</syncfusion:ToolBarAdv>
45+
</syncfusion:ToolBarAdv>
46+
</syncfusion:ToolBarTrayAdv>
47+
</syncfusion:ToolBarManager.TopToolBarTray>
48+
<Grid>
49+
<Grid.RowDefinitions>
50+
<RowDefinition Height="*"/>
51+
<RowDefinition Height="Auto"/>
52+
</Grid.RowDefinitions>
53+
<ScrollViewer >
54+
<Grid Margin="20">
55+
<Border CornerRadius="2" Background="Black"
56+
Opacity="0.3" Width="600" Height="700">
57+
<Border.Effect>
58+
<BlurEffect Radius="15"/>
59+
</Border.Effect>
60+
</Border>
61+
<RichTextBox Width="600" Height="700" Padding="20"></RichTextBox>
62+
</Grid>
63+
</ScrollViewer>
64+
</Grid>
65+
</syncfusion:ToolBarManager>
10866

10967
{% endhighlight %}
11068

11169
{% highlight C# %}
11270

113-
114-
ToolBarAdv toolBar = new ToolBarAdv();
115-
116-
toolBar.FloatingBarLocation = new Point(500, 300);
117-
118-
ToolBarManager.SetToolBarState(toolBar, ToolBarState.Floating);
119-
120-
Grid1.Children.Add(toolBar);
121-
122-
71+
ToolBarAdv toolBar = new ToolBarAdv();
72+
toolBar.FloatingBarLocation = new Point(500, 300);
73+
ToolBarManager.SetToolBarState(toolBar, ToolBarState.Floating);
74+
Grid1.Children.Add(toolBar);
12375

12476
{% endhighlight %}
12577

12678
{% endtabs %}
12779

12880
![ToolBarAdv-state-img1](ToolBarAdv-state-images/ToolBarAdv-state-img1.jpeg)
12981

130-
13182
ToolBarAdv can be floated only when it is hosted in ToolBarManager.
13283

13384
## Specifying location for floating ToolBarAdv.
@@ -140,18 +91,12 @@ The location of the floating ToolBarAdv can be changed using the `FloatingBarLo
14091

14192
<syncfusion:ToolBarAdv FloatingBarLocation="50,50"/>
14293

143-
144-
14594
{% endhighlight %}
14695

14796
{% highlight C# %}
14897

149-
150-
ToolBarAdv toolBar = new ToolBarAdv();
151-
152-
toolBar.FloatingBarLocation = new Point(50, 50);
153-
154-
98+
ToolBarAdv toolBar = new ToolBarAdv();
99+
toolBar.FloatingBarLocation = new Point(50, 50);
155100

156101
{% endhighlight %}
157102

@@ -174,87 +119,95 @@ Following code restricts docking at the top:
174119

175120
<syncfusion:ToolBarManager CanDockAtTop="False"/>
176121

177-
178-
179122
{% endhighlight %}
180123

181124
{% highlight C# %}
182125

183-
ToolBarManager toolBarManager = new ToolBarManager();
184-
185-
toolBarManager.CanDockAtTop = false;
186-
187-
126+
ToolBarManager toolBarManager = new ToolBarManager();
127+
toolBarManager.CanDockAtTop = false;
188128

189129
{% endhighlight %}
190130

191131
{% endtabs%}
192132

193-
## Implementation of toolbar state changed event to detect when the state of ToolBarAdv changes.
194-
195-
Introducing a state changed event in the ToolbarAdv control that notifies users whenever the toolbar's state changes, including transitions between Docked, Floating, and Hidden states.
196-
197-
{% tabs %}
198-
199-
{% highlight XAML %}
200-
201-
<syncfusion:ToolBarManager x:Name="toolBarManager" Grid.Row="0" Height="83">
133+
## ToolBar State Changed Event
202134

203-
<syncfusion:ToolBarManager.TopToolBarTray>
135+
ToolBarStateChanged event is triggered when the state of a ToolBarAdv changes, such as when it is hidden, floated, or docked. This event passes an instance of ToolBarStateChangedEventArgs, which contains information about the state change, including the old state and new state of the toolbar.
204136

205-
<syncfusion:ToolBarTrayAdv VerticalAlignment="Top">
137+
NewState: Gets the current state of the toolBarAdv control.
206138

207-
<syncfusion:ToolBarAdv x:Name="toolbar" ToolBarStateChanged="ToolBarAdv_ToolBarStateChanged1" Height="40" EnableAddRemoveButton="True">
208-
209-
<Button syncfusion:ToolBarAdv.Label="Open Folder" Height="40" Width="40" ToolTip="Open Folder" Margin="5,0,5,0">
139+
OldState: Gets the previous state of the toolBarAdv control.
210140

211-
<Image Source="C:\OpenFolder.png" Stretch="Uniform"/>
212-
213-
</Button>
214-
215-
<Button syncfusion:ToolBarAdv.Label="Save" Height="40" Width="40" ToolTip="Save" Margin="5,0,5,0">
216-
217-
<Image Source="C:\Save.JPG" Stretch="Uniform"/>
218-
219-
</Button>
220-
221-
<Button syncfusion:ToolBarAdv.Label="Cut" Height="40" Width="40" ToolTip="Cut" Margin="5,0,5,0">
222-
223-
<Image Source="C:\Cut.jpg" Stretch="Fill"/>
224-
225-
</Button>
226-
227-
<Button syncfusion:ToolBarAdv.Label="Copy" Height="40" Width="40" ToolTip="Copy" Margin="5,0,5,0">
228-
229-
<Image Source="C:\Copy.png" Stretch="Uniform"/>
230-
231-
</Button>
232-
233-
<Button syncfusion:ToolBarAdv.Label="Paste" Height="40" Width="40" ToolTip="Paste" Margin="5,0,5,0">
234-
235-
<Image Source="C:\Paste.jpg" Stretch="Uniform"/>
236-
237-
</Button>
238-
239-
</syncfusion:ToolBarAdv>
240-
241-
</syncfusion:ToolBarTrayAdv>
242-
243-
</syncfusion:ToolBarManager.TopToolBarTray>
244-
245-
</syncfusion:ToolBarManager>
141+
{% tabs %}
246142

143+
{% highlight XAML %}
247144

145+
<syncfusion:ToolBarManager x:Name="toolBarManager" >
146+
<syncfusion:ToolBarManager.TopToolBarTray>
147+
<syncfusion:ToolBarTrayAdv >
148+
<syncfusion:ToolBarAdv ToolBarStateChanged="Toolbar1_ToolBarStateChanged" ToolBarName="Standard" Band="0">
149+
<Button syncfusion:ToolBarAdv.Label="Open Document"
150+
syncfusion:ToolBarAdv.Icon="Images/openHS.png">
151+
<Image Source="Images/openHS.png" Width="16" Height="16"/>
152+
</Button>
153+
<syncfusion:ToolBarAdv Band="1" ToolBarName="Extras">
154+
<Button syncfusion:ToolBarAdv.Label="Insert Pictures"
155+
syncfusion:ToolBarAdv.Icon="Images/InsertPictureHS.png">
156+
<Image Source="Images/InsertPictureHS.png" Width="16" Height="16"/>
157+
</Button>
158+
</syncfusion:ToolBarAdv>
159+
</syncfusion:ToolBarAdv>
160+
</syncfusion:ToolBarTrayAdv>
161+
</syncfusion:ToolBarManager.TopToolBarTray>
162+
</syncfusion:ToolBarManager>
248163

249164
{% endhighlight %}
250165

251166
{% highlight C# %}
252167

253-
ToolBarAdv toolbar = new ToolBarAdv();
254-
255-
toolbar.ToolBarStateChanged += ToolBarAdv_ToolBarStateChanged;
256-
257-
168+
ToolBarManager toolBarManager = new ToolBarManager();
169+
ToolBarTrayAdv toolBarTray = new ToolBarTrayAdv();
170+
ToolBarAdv toolbar1 = new ToolBarAdv();
171+
// Subscribe to the ToolBarStateChanged event for toolbar1
172+
toolbar1.ToolBarStateChanged += Toolbar1_ToolBarStateChanged;
173+
toolbar1.Items.Add(new Button
174+
{
175+
Content = new Image
176+
{
177+
Source = new BitmapImage(new Uri("Images\\OpenHS.png")),
178+
Stretch = Stretch.Uniform
179+
},
180+
Height = 40,
181+
Width = 40,
182+
ToolTip = "Open Folder",
183+
Margin = new Thickness(5, 0, 5, 0)
184+
});
185+
ToolBarAdv toolbar2 = new ToolBarAdv();
186+
toolbar2.Items.Add(new Button
187+
{
188+
Content = new Image
189+
{
190+
Source = new BitmapImage(new Uri("Images\\InsertPictureHS.png")),
191+
Stretch = Stretch.Uniform
192+
},
193+
Height = 40,
194+
Width = 40,
195+
ToolTip = "Save",
196+
Margin = new Thickness(5, 0, 5, 0)
197+
});
198+
// Add ToolBars to the ToolBarTrayAdv
199+
toolBarTray.ToolBars.Add(toolbar1);
200+
toolBarTray.ToolBars.Add(toolbar2);
201+
// Set the ToolBarTrayAdv as the top tray for the ToolBarManager
202+
toolBarManager.TopToolBarTray = toolBarTray;
203+
this.Content = toolBarManager;
204+
205+
private void Toolbar1_ToolBarStateChanged(object sender, ToolBarStateChangedEventArgs e)
206+
{
207+
// Access the new and old values
208+
object oldValue = e.OldState;
209+
object newValue = e.NewState;
210+
}
258211

259212
{% endhighlight %}
260213

0 commit comments

Comments
 (0)