[译]WPF开源控件扩展库ControlzEx

最新推荐文章于 2024-08-13 08:17:46 发布
最新推荐文章于 2024-08-13 08:17:46 发布
阅读量1.8k 收藏 6
点赞数
文章标签： css java html js github
原文链接：https://dotnet9.com/18500.html
版权

  • 原文链接：https://github.com/ControlzEx/ControlzEx

  • 翻译：沙漠尽头的狼（谷歌及百度提供翻译支持）

Shared Controlz for WPF

支持 .NET Framework（4.5.2、4.6.2 及更高版本）、.NET Core (3.1) 和 .NET 5（在 Windows 上）

Let's get started

  • 版本和版本说明[1]

  • 构建[2]ControlzEx 解决方案

TextBoxInputMaskBehavior

TextBoxInputMaskBehavior可用于显示文本框内的掩码。

注意：它只是一个掩码，不会验证您的文本。

<TextBlock Grid.Row="0"
           Grid.Column="0"
           Margin="4"
           Text="Datetime" />
<TextBox Grid.Row="0"
         Grid.Column="1"
         Margin="4">
    <behaviors:Interaction.Behaviors>
        <controlzEx:TextBoxInputMaskBehavior InputMask="00/00/0000" />
    </behaviors:Interaction.Behaviors>
</TextBox>

<TextBlock Grid.Row="1"
           Grid.Column="0"
           Margin="4"
           Text="Phone Number" />
<TextBox Grid.Row="1"
         Grid.Column="1"
         Margin="4">
    <behaviors:Interaction.Behaviors>
        <controlzEx:TextBoxInputMaskBehavior InputMask="( 999 ) 000 000 - 00"
                                             PromptChar="_" />
    </behaviors:Interaction.Behaviors>
</TextBox>

原始 TextBoxInputMaskBehavior 取自 Blindmeis 的博客。

  • https://blindmeis.wordpress.com/2015/01/20/wpf-textbox-input-behavior/

  • https://blindmeis.wordpress.com/2010/06/01/wpf-masked-textbox-behavior/

KeyboardNavigationEx

KeyboardNavigationEx是一个常见聚焦问题的辅助类。UI 元素本身的焦点不是问题。但是如果我们使用常见的对焦方法，控件获得了焦点，但没有获得焦点视觉样式。

仅当控件从键盘设备获得焦点或 SystemParameters.KeyboardCues 为 true 时，原KeyboardNavigation类才处理视觉样式。

使用KeyboardNavigationEx您可以通过两种简单的方式解决此问题。

后台代码：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        this.Loaded += (s, e) => { KeyboardNavigationEx.Focus(this.TheElementWhichShouldGetTheFocus); };
    }
}

或在 XAML 中：

<Button controlzex:KeyboardNavigationEx.AlwaysShowFocusVisual="True">Hey, I get the focus visual style on mouse click!</Button>

自动移动ToolTip

一个自动移动的ToolTip。更多信息[3]。

<Button Margin="5"
        Padding="5"
        Content="Test Button 2"
        ToolTipService.ShowDuration="20000">
    <Button.ToolTip>
        <ToolTip local:ToolTipAssist.AutoMove="True">
            <ToolTip.Template>
                <ControlTemplate>
                    <Grid>
                        <Border Background="Gray"
                                BorderBrush="Black"
                                BorderThickness="1"
                                Opacity="0.9"
                                SnapsToDevicePixels="True" />
                        <TextBlock Margin="5"
                                    Foreground="WhiteSmoke"
                                    FontSize="22"
                                    Text="ToolTipHelper AutoMove sample"
                                    TextOptions.TextFormattingMode="Display"
                                    TextOptions.TextRenderingMode="ClearType" />
                    </Grid>
                </ControlTemplate>
            </ToolTip.Template>
        </ToolTip>
    </Button.ToolTip>
</Button>

GlowWindowBehavior

GlowWindowBehavior在窗口周围添加一个光晕。

WindowChromeBehavior

ControlzEx 为 WPF 窗口提供了自定义镶边，并为其提供了一些其他更深层次的修复。

大多数修复和改进来自MahApps.Metro[4]和Fluent.Ribbon[5]。

具体的技术实现描述在这：

http://blogs.msdn.com/b/wpfsdk/archive/2008/09/08/custom-window-chrome-in-wpf.aspx

它是原始 Microsoft WPF Shell 集成库的一个分支。目前的 Microsoft 实现在这里找到：

  • https://github.com/dotnet/wpf

  • http://referencesource.microsoft.com

PopupEx

自定义的Popup窗口，可用于验证错误模板或其他类似MaterialDesignInXamlToolkit[6]或MahApps.Metro[7]中的其他内容。

PopupEx 提供了一些额外的不错的功能：

  • 如果主机窗口大小或位置发生变化，则重新定位

  • 如果主机窗口最大化，则重新定位，反之亦然

  • 如果主机窗口被激活，它只能是最顶层

TabControlEx

自定义TabControl，在取消选择时将TabItem内容保留在VisualTree中，因此在再次选择TabItem后不会重新创建。visibility行为可以通过ChildContentVisibility依赖属性设置。

用法：

<controlz:TabControlEx>
    <TabItem Header="Lorem">
        <TextBlock Text="Lorem ipsum dolor sit amet, consetetur sadipscing"
                   HorizontalAlignment="Center"
                   FontSize="30" />
    </TabItem>
    <TabItem Header="ipsum">
        <TextBox Text="Lorem ipsum dolor sit amet, consetetur sadipscing"
                 HorizontalAlignment="Center"
                 Margin="5" />
    </TabItem>
</controlz:TabControlEx>

PackIconBase

一个用于在 WPF 中创建图标包的帮助类。

要创建新的图标包，请按照下列步骤操作：

定义一个键（通常是一个枚举）：

public enum PackIconKind
{
    Happy,
    Sad
}

子类PackIconBase，添加

  • 默认style key

  • 为每个key提供Path数据的工厂

public class PackIcon : PackIconBase<PackIconKind>
{
    static PackIcon()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(PackIcon), new FrameworkPropertyMetadata(typeof(PackIcon)));
    }

    public PackIcon() : base(CreateIconData)
    { }

    private static IDictionary<PackIconKind, string> CreateIconData()
    {
        return new Dictionary<PackIconKind, string>
        {
            {PackIconKind.Happy, "M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z"},
            {PackIconKind.Sad, "M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z"}
        };
    }
}

提供默认样式（通常在您的 Generic.xaml 中，例如：

<Style TargetType="{x:Type local:PackIcon}">
    <Setter Property="Height" Value="16" />
    <Setter Property="Width" Value="16" />
    <Setter Property="HorizontalAlignment" Value="Left" />
    <Setter Property="VerticalAlignment" Value="Top" />
    <Setter Property="IsTabStop" Value="False" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:PackIcon}">
                <Viewbox>
                    <Canvas Width="24" Height="24">
                        <Path Data="{Binding Data, RelativeSource={RelativeSource TemplatedParent}}"
                              Fill="{TemplateBinding Foreground}" />
                    </Canvas>
                </Viewbox>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

您的用户现在应该可以通过一种简单的方式在他们的应用程序中使用您的图标包：

<ns:PackIcon Kind="HappyIcon" />

Theming

ControlzEx 提供ThemeManager帮助您为应用程序提供主题管理支持。有关更多信息，请参阅该节[8]。

Licence

MIT

参考资料

[1]

版本和版本说明: https://github.com/ControlzEx/ControlzEx/releases

[2]

构建: https://github.com/ControlzEx/ControlzEx/wiki/Home

[3]

信息: https://jkarger.de/2014/11/02/how-to-make-the-tooltip-follow-the-mouse/

[4]

MahApps.Metro: https://github.com/MahApps/MahApps.Metro

[5]

Fluent.Ribbon: https://github.com/fluentribbon/Fluent.Ribbon

[6]

MaterialDesignInXamlToolkit: https://github.com/ButchersBoy/MaterialDesignInXamlToolkit

[7]

MahApps.Metro: https://github.com/MahApps/MahApps.Metro

[8]

该节: https://github.com/ControlzEx/ControlzEx/blob/develop/Wiki/ThemeManager.md

dotNET跨平台
关注
ControlzEx：WPF和其他应用程序的共享Controlz。
02-05
ControlzEx WPF的共享Controlz 支持.NET Framework（4.5.2、4.6.2和更高版本）、. NET Core（3.1）和.NET 5（在Windows上） 让我们开始吧 ControlzEx解决方案 TextBoxInputMaskBehavior TextBoxInputMaskBehavior可用于在TextBox内部显示遮罩。 注意：这只是一个蒙版，不会验证您的文本。 < TextBlock Grid.Row= " 0 " Grid.Column= " 0 " Margin = " 4 "
ControlzEx, WPF的共享 Controlz more更多.zip
10-10
ControlzEx, WPF的共享 Controlz more更多 WPF的共享Controlz和。由。 KeyboardNavigationExKeyboardNavigationEx是一个常见聚焦问题的helper 类。 UI元素本身的焦点不是
使用ControlzEx进行WPF开发：入门指南
gitblog_00726的博客
08-13 771
使用ControlzEx进行WPF开发：入门指南 ControlzExShared Controlz for WPF and ... more项目地址:https://gitcode.com/gh_mirrors/co/ControlzEx 项目介绍 ControlzEx 是一款专为WPF应用程序打造的强大开源组件库。该项目旨在简化WPF的开发过程，通过提供一组高性能且高度可定制的UI元素来提升...
WPF自定义控件（三）の扩展控件
weixin_30278237的博客
09-21 178
扩展控件，顾名思义就是对已有的控件进行扩展，一般继承于已有的原生控件，不排除继承于自定义的控件，不过这样做意义不大，因为既然都自定义了，为什么不一步到位呢，有些不同的需求也可以通过此来完成，不过类似于类继承了。扩展控件本质也是类的继承。下面我们通过两个例子说明 一、自定义MButton 控件外观控制的属性，如圆角、鼠标悬浮前景色背景色、是否开启动画（鼠标悬停时小图...
探秘ControlzEx：强大的WPF共享控件库
gitblog_00098的博客
05-16 526
探秘ControlzEx：强大的WPF共享控件库 ControlzExShared Controlz for WPF and ... more项目地址:https://gitcode.com/gh_mirrors/co/ControlzEx 如果你在寻找一个能让你的WPF应用界面焕发生机与活力的工具库，那么ControlzEx绝对值得你一看。这个开源项目不仅提供了丰富的自定义控件和行为，还致力于...
WPF Charts控件库的全面扩展(最新20161117)
09-22
Microsoft WpfToolkit的更新和扩展： 1、将库版本升级到.NET 4.5，对命名控件进行了替换处理 2、实现了单数据Chart图的混合颜色显示，可通过修改资源字典调整和添加颜色 3、可控制各种Chart图形的数据值显 示 4、坐标轴文本可倾斜显示 5、添加了StepLine图和圆环图，圆环半径比例系数可设定. 6、Legend可位于区域四侧，对齐方式也可以设定，以及是否显示， 可控制Chart Title是否显示 7、柱状图缝隙间隔可调整 8、全方面的加入了各种加载动画效果，动画效果可屏蔽，同时原系统自带动画效果，可叠加，这是两种不同的效果，可以互补性的单个使用 9、设计了五种主题颜色，各人可以针对图形颜色和背景色进行更好的搭配，在用户项目中，可以自己添加新的主题。 10、扩展了时间轴的应用，在新的DateTimeChart中可以通过鼠标平移和缩放时间轴，并测试了两个例子用于动态显示历史曲线，一个是外部定时更新，一个是内部定时更新 11、对LineDataPoint样式进行了设计，现在可以选择线图的点样式(如空心圆、五角星、三角形，矩形等)，同时这些不同的点样式可以体现在Legend上，从而实现颜色和图形的双重区分。 12、对饼图的标签排布进行了深度扩展，借鉴了Telerik 饼图的标签排布规则，重新调整了标签排布，现在饼图标签在各种情况下都不会发生重叠，个人感觉比Visifire的饼图标签排布要好，虽然Visifire的饼图标签不会重叠，但连接线可能会出现重叠 13、借鉴了Visifire的标签智能适应，对各种Chart图的标签显示进行了重新定位，现在柱状图/Bar图的标签显示可以自行决定是水平排布还是垂直排布，是位于内部还是位于外部等等，而区域图的标签则使用了Win7窗口的文字区域背景的高斯模糊技巧，这样可以适应各种背景，而Visifire的标签色则通过底部背景色的计算来确定前景色，测试后发现在某些中性色下显示不理想，在Y轴方向上，标签文字能自适应显示。 14、轴标签和数据点值标签都添加了格式化字符串属性的设定 15、轴添加了交替颜色显示设定 16、增加了一些新的Chart类型：Stock/AreaSpline/AreaStepLine/RangeArea/RangeSplineArea/Stacked100AreaSpline/StackedAreaSpline 对Candlestick进行了小幅的调整，现在宽度自适应，以及适应中国的红涨绿跌股市颜色
WPF 开源控件库（含Demo）
10-31
【WPF 开源控件库（含Demo）】是一份专为Windows Presentation Foundation（WPF）平台设计的全面开源控件集合。这个控件库旨在提供丰富的用户界面元素，以帮助开发者快速构建美观且功能强大的应用程序。通过这套控件...
WPF 自定义控件库 常用控件封装&常用控件样式重写
03-26
2. 开源控件库：GenUI.WPF-master可能是一个开源项目，意味着社区成员可以贡献代码，共同改进和扩展控件库。 3. 组件化设计：控件库遵循组件化设计原则，每个控件都是独立且可复用的，便于维护和升级。 四、实际...
WPF开源控件库-HandyControl
最新发布
08-14
官方Demo以及测试demo
MahApps.Metro源码（WPF开源控件库）
06-08
MahApps.Metro是一款基于Windows Presentation Foundation (WPF) 的开源控件库，它为开发者提供了现代化的、美观的用户界面元素，使得WPF应用能够拥有与Windows 8及更高版本操作系统相匹配的风格。这个开源项目由...
WPF Charts控件库的全面扩展(最新20160922)
09-22
之前两此发的库http://download.csdn.net/detail/maiker/9621027可以作废，本次为最新的，其中测试了历史曲线的动态显示,这是对Microsoft WpfToolkit的更新和扩展： 1、将库版本升级到.NET 4.5，对命名控件进行了替换处理 2、实现了单数据Chart图的混合颜色显示，可通过修改资源字典调整和添加颜色 3、可控制柱状图的数值显示 4、坐标轴文本可倾斜显示 5、添加了StepLine图和圆环图，圆环半径比例系数可设定 6、Legend可位于右侧和底部，以及是否显示， 可控制Chart Title是否显示 7、柱状图缝隙间隔可调整 8、全方面的加入了各种加载动画效果，动画效果可屏蔽，同时原系统自带动画效果，可叠加，这是两种不同的效果，可以互补性的单个使用 9、设计了四种主题颜色，各人可以针对图形颜色和背景色进行更好的搭配，在用户项目中，可以自己添加新的主题，在程序中更换主题的操作中，与资源集合字典相关的颜色需要重新加载图形才能更新(用户也可以把这部分资源从主题中删除，主要就是Chart的两个资源字典集合的属性设定)，但在应用程序级别中指向主题资源时，则不存在任何问题。 10、扩展了时间轴的应用，在新的DateTimeChart中可以通过鼠标平移和缩放时间轴，并测试了一个例子用于动态显示历史曲线 总而言之，微软的控件库做得很标准，还是很好修改的。
WPF Charts控件库的全面扩展(最新20161006)
10-06
之前三此发的库http://download.csdn.net/detail/maiker/9621027可以作废，本次为最新的，其中测试了历史曲线的动态显示,这是对Microsoft WpfToolkit的更新和扩展： 1、将库版本升级到.NET 4.6.1，对命名控件进行了替换处理 2、实现了单数据Chart图的混合颜色显示，可通过修改资源字典调整和添加颜色 3、可控制各种Chart图形的数据值显示 4、坐标轴文本可倾斜显示 5、添加了StepLine图和圆环图，圆环半径比例系数可设定，同时添加了饼图的半径比系数，这样可以更好的控制饼图的标签显示，避免重叠 6、Legend可位于区域四侧，对齐方式也可以设定，以及是否显示， 可控制Chart Title是否显示 7、柱状图缝隙间隔可调整 8、全方面的加入了各种加载动画效果，动画效果可屏蔽，同时原系统自带动画效果，可叠加，这是两种不同的效果，可以互补性的单个使用 9、设计了四种主题颜色，各人可以针对图形颜色和背景色进行更好的搭配，在用户项目中，可以自己添加新的主题。 10、扩展了时间轴的应用，在新的DateTimeChart中可以通过鼠标平移和缩放时间轴，并测试了两个例子用于动态显示历史曲线，一个是外部定时更新，一个是内部定时更新 11、对LineDataPoint样式进行了设计，现在可以选择线图的点样式(如空心圆、五角星、三角形，矩形等)，同时这些不同的点样式可以体现在Legend上，从而实现颜色和图形的双重区分。 总而言之，微软的控件库做得很标准，还是很好修改的。 最后一直想在历史曲线中取消点动画(及默认的透明度动画)，以便提高执行效率，但微软的那部分动画不熟，总是修改失败。 可以发邮件wuyang26@live.cn讨论。
WPF 下拉列表框ComboBox扩展控件
04-26
对WPF的ComboBox进行了扩展，现在可以在下拉列表中嵌入DataGrid/ListView/ListBox等数据控件，实现了展开后列表的自动选择，自动滚屏，并完全支持数据的绑定操作
NuGet包 ControlzEx.3.0.2.4.nupkg
06-04
.nupkg后缀文件，直接在vs中将包安装进项目 ControlzEx.3.0.2.4.nupkg
wpf 开源的ui控件_WPF 界面
09-22
总结来说，Newbeecoder.UI作为一款开源的WPF UI控件库，为开发者提供了丰富的界面元素和快速开发工具，同时支持自定义和扩展，适应各种项目需求。结合WPF的强大功能，如数据绑定和MVVM模式，以及跨平台的可能性，这...
WPF的_Expander控件
ultramand的博客
09-12 1679
Expander 控件通常由一个展开/折叠的标题（Header）和一个显示/隐藏的内容部分（Content）组成。WPF Expander 是 WPF（Windows Presentation Foundation）框架中的一个控件，用于实现可以展开和折叠内容的可折叠面板。总之，Expander 控件在 WPF 中提供了一种简单而有效的方法来实现可折叠的内容面板，可以帮助用户更好地组织和控制界面上的信息。Expander 控件还提供了一些其他属性和事件，可以进一步自定义其行为和样式，例如。
基于Visual Studio扩展的WPF工业组态UI控件-ConPipe
hurst2011的博客
03-30 7875
本文的组态控件是由这两篇文章中的方案升级而来的，升级控件依然继承了“程序员自己能干的事情绝不麻烦美工”的思想。最大的不同就是由ConPipe Studio工具直接升级到Visual Studio的扩展，也就是管道、皮带轮、链轮等支持拖拽改变布局的控件直接由VS扩展提供支持，不需要再将xaml代码复制到ConPipe Studio里进行布局调整，省得再来回倒腾xaml代码。此次升级的控件数量由之前的二十多个增加到四十多个，主要分组态控件和基础控件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值