Silverlight Menu
Today ,A silverlight project needed a horizontal menu ,I search on the Internet ,there is little information
about it , so luck ,I see a demo about this ,but it too complex ,I only needed a simple horizontal
menu , so I have to build it by myself .
I hate Microsoft Word, I can’t input Chinese language , use English to write something too tired.
Now begin :
First:
Build a silverlight project ,then add a page , in the page we add a Grid .
Second:
Add row and column to the grid ,like this-
<Grid Background="White">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="80"></ColumnDefinition>
<ColumnDefinition Width="80"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="30"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
Remarks: if you need four menus ,then you’d better add five columns to zhe Grid, the last
column’s width use “*”,then your program can zoom .You need rows or more ,first one is to add
the menu .and second one to add the content.
Third:
Put a ListBox ,the ListBox like this
<ListBox Grid.Row="0" Grid.ColumnSpan="3" Style="{StaticResource TopMenuStyle1}"
ItemsPanel="{StaticResource ItemsPanelHorizontal}">
<ListBoxItem Name="lstItemMenu1" Width="80" Content="menu1 " MouseEnter="
lstItemMenu_MouseEnter" />
<ListBoxItem Name="lstItemMenu2" Width="80" Content="menu2" MouseEnter=" lstItemMenu
_MouseEnter"/>
</ListBox>
Remarks:this is the menu ,if you need more ,you can add the items. The Event MouseEnter is
use to show menu list.
Fourth:
Add list to every menu. The list is made by ListBox too, the code like this
<StackPanel Grid.RowSpan="2" MouseEnter="StackPanel_MouseEnter"
- 1
- 2
前往页