自定义 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; }
    }

运行截图：

源码下载：

标签: C1ContextMenu , 上下文菜单 , 自定义模板

转载声明：

欢迎将本站文章进行转载、演绎或用于商业目的，转载时请注明以下信息

文章转自：葡萄城技术博客，http://blog.gcpowertools.com.cn

原文地址：http://blog.gcpowertools.com.cn/post/C1ContextMenu-20130507003.aspx

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。