手头的新项目使用了HandyControl这个控件库,接下来会持续学习这个控件库并分享使用中的一些心得。本篇文章主要介绍一下HandyControl安装和使用
HandyControl码云地址:gitee.com/handyorg/Ha…
HandyControl中文文档:handyorg.github.io/handycontro…
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第1天,点击查看活动详情
1.HandyControl安装和使用
- 添加 HandyControl 引用。Github上是最新的源代码,地址为:HandyControl-Github;还可以在Nuget上直接下载安装使用,Nuget安装如下图
2. 在 App.xaml配置HandyControl
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml"/>
<ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Theme.xaml"/>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
- 在使用项目中添加命名空间应用
xmlns:hc="https://handyorg.github.io/handycontrol"
2.如何使用HandyControl
虽然HandyControl的安装非常简单,但是如何上手使用一个新的控件库仍然是一个令人非常棘手的问题。不过不要慌,我们可以在下载并运行HandyControl的源码,在源码的控件demo项目中探知一二,源码的目录结构如下图
在Shared文件夹下,给出了控件源码HandyControl_Shared和控件示例源码HandyControlDemo_Shared。两个控件Demo项目HandyControlDemo_Net_GE40和HandyControlDemo_Net_GE45,HandyControlDemo_Net_GE45表示.net Framework框架大于等于4.5,以HandyControlDemo_Net_GE45为例,我们启动该Demo项目
每个控件demo页,左上角按钮可以跳转到官网对应模板或者控件的说明页
右上角按钮可以展示当前控件的代码
左侧列表中,样式模板是HandyControl提供模板,在原生控件中设置使用HandyControl的模板即可使用;控件和工具是HandyControl自定义的控件,需要引入HandyControl命名空间后声明使用。