自定义 C1ContextMenu 上下文菜单控件的外观样式

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; }

    }

运行截图：

源码下载：