ComponentOne C1ContextMenu for Silverlight 是一款上下文菜单控件,用户可以通过该控件为 Silverlight 应用程序添加上下文菜单。C1ContextMenu 控件内置了菜单图表、复选框等功能,同时,该控件还提供了用户自定义菜单模板的能力,本文将讲解如何自定义上下文菜单。

 

实现,创建一个Silverlight应用程序,并添加以下 XAML 代码:

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <Border Background="LemonChiffon" MinHeight="40" BorderBrush="#969696" BorderThickness="1" Padding="5" HorizontalAlignment="Center" VerticalAlignment="Center">
            <TextBlock Text="右键点击我可以显示上下文菜单" TextWrapping="Wrap" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20"/>
        </Border>
        <c1:C1ContextMenuService.ContextMenu>
            <c1:C1ContextMenu HorizontalAlignment="Left" Height="100" x:Name="menu" VerticalAlignment="Top" Width="100" ItemTemplate="{StaticResource DataTemplate1}" >
            </c1:C1ContextMenu>
        </c1:C1ContextMenuService.ContextMenu>
    </Grid>

 

以上代码设置了C1ContextMenu的ItemTemplate为DataTemplate1,以下是DataTemplate1的XAML代码:

    <UserControl.Resources>
        <DataTemplate x:Key="DataTemplate1">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <TextBlock Margin="0,0,3,0" Text="{Binding Name}" Grid.Column="0"/>
                <Button Margin="0,0,3,0" Content="{Binding Name}" Grid.Column="1"/>
                <Button Margin="0,0,3,0" Content="{Binding Name}" Grid.Column="2"/>
                <Button Content="Button3" Grid.Column="3"/>
            </Grid>
        </DataTemplate>
    </UserControl.Resources>

 

添加后台代码设置 C1ContextMenu 的数据源,代码如下:

	public partial class MainPage : UserControl
	{
		public MainPage()
		{
			// 为初始化变量所必需
			InitializeComponent();
 
            var list = new List<MyItem>();
            list.Add(new MyItem() { Name = "新增" });
            list.Add(new MyItem() { Name = "复制" });
            list.Add(new MyItem() { Name = "粘贴" });
            menu.ItemsSource = list; 
		}
	}
 
    public class MyItem
    {
        public string Name { get; set; }
    }

 

运行截图:

 

1011_C1ContextMenu

源码下载:

转载声明:
欢迎将本站文章进行转载、演绎或用于商业目的,转载时请注明以下信息
文章转自:葡萄城技术博客,http://blog.gcpowertools.com.cn
原文地址:http://blog.gcpowertools.com.cn/post/C1ContextMenu-20130507003.aspx

不允许评论