當前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

WPF实现环（圆）形菜单

發布時間：2023/12/4 asp.net 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 WPF实现环（圆）形菜单小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

? ? ? ? WPF開發者QQ群：?340500857? | 微信群 -> 進入公眾號主頁 加入組織

“?前言，接著上一篇圓形菜單。”

歡迎轉發、分享、點贊、在看，謝謝~。??

—

效果預覽

效果預覽（更多效果請下載源碼體驗）：

—

代碼如下

一、CircularMenuItemCustomControl.cs代碼如下：

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Media; using System.Windows.Shapes;namespace WpfCircularMenu {[TemplatePart(Name = RotateTransformTemplateName, Type = typeof(RotateTransform))]public class CircularMenuItemCustomControl : Control{private static readonly Type _typeofSelf = typeof(CircularMenuItemCustomControl);private const string RotateTransformTemplateName = "PART_RotateTransform";private RotateTransform _angleRotateTransform;public double Angle{get { return (double)GetValue(AngleProperty); }set { SetValue(AngleProperty, value); }}public static readonly DependencyProperty AngleProperty =DependencyProperty.Register("Angle", typeof(double), typeof(CircularMenuItemCustomControl), new UIPropertyMetadata(OnAngleChanged));private static void OnAngleChanged(DependencyObject d, DependencyPropertyChangedEventArgs e){CircularMenuItemCustomControl control = (CircularMenuItemCustomControl)d;control.UpdateAngle();}void UpdateAngle(){if (_angleRotateTransform == null) return;_angleRotateTransform.Angle = Angle;}public string MenuTxt{get { return (string)GetValue(MenuTxtProperty); }set { SetValue(MenuTxtProperty, value); }}public static readonly DependencyProperty MenuTxtProperty =DependencyProperty.Register("MenuTxt", typeof(string), typeof(CircularMenuItemCustomControl), new PropertyMetadata(string.Empty));public Brush BackgroundColor{get { return (Brush)GetValue(BackgroundColorProperty); }set { SetValue(BackgroundColorProperty, value); }}public static readonly DependencyProperty BackgroundColorProperty =DependencyProperty.Register("BackgroundColor", typeof(Brush), typeof(CircularMenuItemCustomControl), new PropertyMetadata(null));public ImageSource IconImage{get { return (ImageSource)GetValue(IconImageProperty); }set { SetValue(IconImageProperty, value); }}public static readonly DependencyProperty IconImageProperty = DependencyProperty.Register("IconImage", typeof(ImageSource), typeof(CircularMenuItemCustomControl), new PropertyMetadata(null));static CircularMenuItemCustomControl(){DefaultStyleKeyProperty.OverrideMetadata(_typeofSelf, new FrameworkPropertyMetadata(_typeofSelf));}public override void OnApplyTemplate(){base.OnApplyTemplate();_angleRotateTransform = GetTemplateChild(RotateTransformTemplateName) as RotateTransform;UpdateAngle();}} }

二、CircularMenuItemCustomControlStyle.xaml 代碼如下

三、MainWindow.xaml 代碼如下

四、MainWindow.xaml.cs 代碼如下

using System; using System.Collections; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes;namespace WpfCircularMenu {/// <summary>/// MainWindow.xaml 的交互邏輯/// </summary>public partial class MainWindow : Window{public IEnumerable MenuArray{get { return (IEnumerable)GetValue(MenuArrayProperty); }set { SetValue(MenuArrayProperty, value); }}public static readonly DependencyProperty MenuArrayProperty =DependencyProperty.Register("MenuArray", typeof(IEnumerable), typeof(MainWindow), new PropertyMetadata(null));public MainWindow(){InitializeComponent();var menuItemModels = new List<MenuItemModel>();var angle = 0;for (int i = 1; i <= 8; i++){var brushConverter = new BrushConverter();var brush = (Brush)brushConverter.ConvertFromString("#BAE766");if (IsOdd(i))brush = (Brush)brushConverter.ConvertFromString("#B0D440");menuItemModels.Add(new MenuItemModel { Angle = angle, Title = $"菜單{i}", FillColor = brush, IconImage = new BitmapImage(new Uri($"pack://application:,,,/Images/{i}.png")) });angle += 45;}MenuArray = menuItemModels;}bool IsOdd(int num){return (num % 2) == 1;}}public class MenuItemModel{public double Angle { get; set; }public string Title { get; set; }public Brush FillColor { get; set; }public ImageSource IconImage { get; set; }} }

源碼地址

github：https://github.com/yanjinhuagood/WPFDevelopers.git

gitee：https://gitee.com/yanjinhua/WPFDevelopers.git

WPF開發者QQ群：?340500857?

blogs：?https://www.cnblogs.com/yanjinhua

Github：https://github.com/yanjinhuagood

出處：https://www.cnblogs.com/yanjinhua

版權：本作品采用「署名-非商業性使用-相同方式共享 4.0 國際」許可協議進行許可。

轉載請著名作者出處 https://github.com/yanjinhuagood

總結

以上是生活随笔為你收集整理的WPF实现环（圆）形菜单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

WPF
菜单

上一篇： WPF 写一个提醒工具软件(完整项目)
下一篇：晕了！这个配置值从哪来的？