435 lines
18 KiB
Markdown
435 lines
18 KiB
Markdown

|
||
|
||
   [](https://www.nuget.org/packages/HandyControl) [](https://ci.appveyor.com/project/handyorg/handycontrol) [](https://gitter.im/HandyControl/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [](https://github.com/ghost1372/HandyControl/wiki) [](https://www.nuget.org/packages/HandyControl)
|
||
|
||
# Welcome to HandyControl
|
||
|
||
## 面向中国
|
||
|
||
### 加入讨论
|
||
|
||
| | 1群 (已满) | 2群 |
|
||
|-|:-:|:-:|
|
||
| 群号码 | [](//shang.qq.com/wpa/qunwpa?idkey=a571e5553c9d41e49c4f22f3a8b2865451497a795ff281fedf3285def247efc1) | [](//shang.qq.com/wpa/qunwpa?idkey=5c18622a0f6ee07a6f33afa8cdb85b1f72ea50e878271dfcec919c76b55afee7) |
|
||
| 二维码 |  |  |
|
||
|
||
### 中文文档
|
||
|
||
[https://handyorg.github.io/handycontrol/](https://handyorg.github.io/handycontrol/)
|
||
|
||
### 赞助
|
||
如果您觉得HandyControl还不错,并且刚好有些闲钱,那么可以选择以下两种方式来赞助:
|
||
|
||
* [以HandyControl的名义为慈善事业做贡献](http://www.chinacharityfederation.org/ConfirmDonation/0.html?zhijie=3)
|
||
|
||
* 为我们购买防脱洗发水
|
||

|
||
|
||
## Contributors
|
||
|
||
<a href="https://github.com/ghost1372" target="_blank"><img width="64px" src="https://avatars0.githubusercontent.com/u/9213496?s=400&v=4"></a>
|
||
<a href="https://github.com/DingpingZhang" target="_blank"><img width="64px" src="https://avatars0.githubusercontent.com/u/8541016?s=400&v=4"></a>
|
||
<a href="https://github.com/M0n7y5" target="_blank"><img width="64px" src="https://avatars0.githubusercontent.com/u/17201053?s=400&v=4"></a>
|
||
<a href="https://github.com/guanguanchuangyu" target="_blank"><img width="64px" src="https://avatars1.githubusercontent.com/u/25916858?s=400&v=4"></a>
|
||
<a href="https://github.com/yanchao891012" target="_blank"><img width="64px" src="https://avatars0.githubusercontent.com/u/16846702?s=400&v=4"></a>
|
||
<a href="https://github.com/noctwolf" target="_blank"><img width="64px" src="https://avatars3.githubusercontent.com/u/21022467?s=400&v=4"></a>
|
||
<a href="https://github.com/xianyun666" target="_blank"><img width="64px" src="https://avatars1.githubusercontent.com/u/22339210?s=400&v=4"></a>
|
||
<a href="https://github.com/afunc233" target="_blank"><img width="64px" src="https://avatars1.githubusercontent.com/u/19919631?s=400&v=4"></a>
|
||
|
||
## Backers
|
||
|
||
<a href="https://github.com/bigorange1900" target="_blank"><img width="64px" src="https://avatars1.githubusercontent.com/u/49062011?s=400&v=4"></a>
|
||
<a href="https://github.com/14632791" target="_blank"><img width="64px" src="https://avatars3.githubusercontent.com/u/27358331?s=400&v=4"></a>
|
||
<a href="https://github.com/IUpdatable" target="_blank"><img width="64px" src="https://avatars2.githubusercontent.com/u/51181716?s=400&v=4"></a>
|
||
<a href="https://github.com/maplewei" target="_blank"><img width="64px" src="https://avatars1.githubusercontent.com/u/13778095?s=400&v=4"></a>
|
||
<a href="https://github.com/sunshang-hl" target="_blank"><img width="64px" src="https://avatars1.githubusercontent.com/u/34593206?s=400&v=4"></a>
|
||
<a href="https://github.com/yangkang326" target="_blank"><img width="64px" src="https://avatars1.githubusercontent.com/u/51224259?s=400&v=4"></a>
|
||
<a href="https://github.com/zmrbak" target="_blank"><img width="64px" src="https://avatars3.githubusercontent.com/u/7257543?s=400&v=4"></a>
|
||
<a href="https://github.com/AFei19911012" target="_blank"><img width="64px" src="https://avatars0.githubusercontent.com/u/31465314?s=400&v=4"></a>
|
||
|
||
## Special thanks to
|
||
|
||
[](https://visualstudio.microsoft.com/free-developer-offers/)
|
||
[](https://www.jetbrains.com/?from=HandyControl)
|
||
[](https://cakebuild.net/)
|
||
[](https://www.appveyor.com/)
|
||
[](https://gitter.im/)
|
||
|
||
## Usage
|
||
|
||
Step 1:Add a reference to HandyControl or search for HandyControl on the nuget;
|
||
|
||
```Install-Package HandyControl```
|
||
|
||
Step 2:Add code in App.xaml as follows:
|
||
```XML
|
||
<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>
|
||
```
|
||
|
||
Step 3: Add NameSpace:
|
||
`xmlns:hc="https://handyorg.github.io/handycontrol"`
|
||
|
||
Step 4:enjoy coding
|
||
|
||
## VSIX packages for Visual Studio
|
||
|
||
| [VS2019](https://marketplace.visualstudio.com/items?itemName=HandyOrg.handycontrolforvs2019) |
|
||
| ------------- |
|
||
|
||
## Overview
|
||
|
||

|
||
|
||

|
||
|
||
## Latest examples
|
||
|
||
### RelativePanel
|
||
|
||

|
||
|
||
### Drawer
|
||
|
||

|
||
|
||
### Poptip
|
||
|
||

|
||
|
||
### Divider
|
||
|
||

|
||
|
||
### GeometryAnimation
|
||
|
||

|
||
|
||
## History publication
|
||
|
||
### SplitButton
|
||
|
||

|
||
|
||
### FloatingBlock
|
||
|
||

|
||
|
||
### HoneycombPanel
|
||
|
||

|
||
|
||
### RunningBlock
|
||
|
||

|
||
|
||
### ImageBlock
|
||
|
||

|
||
|
||

|
||
|
||
### Magnifier
|
||
|
||

|
||
|
||
### Card
|
||
|
||

|
||
|
||
### ButtonGroup
|
||
|
||

|
||
|
||
### Grid
|
||
|
||

|
||
|
||
### SideMenu
|
||
|
||

|
||
|
||
### NotifyIcon
|
||
|
||

|
||
|
||
### Dialog
|
||
|
||

|
||
|
||
### WaveProgressBar
|
||
|
||

|
||
|
||
### Badge
|
||
|
||

|
||
|
||
### Gravatar
|
||
|
||

|
||
|
||
### GoToTop
|
||
|
||

|
||
|
||
### ChatBubble
|
||
|
||

|
||
|
||
### Label
|
||
|
||

|
||
|
||
### Transfer
|
||
|
||

|
||
|
||
### ProgressButton
|
||
|
||

|
||
|
||
### CoverFlow
|
||
|
||

|
||
|
||
### CoverView
|
||
|
||

|
||
|
||
### MessageBox
|
||
|
||

|
||
|
||
### WaterfallPanel
|
||
|
||

|
||
|
||
### Rate
|
||
|
||

|
||
|
||
### BlurWindow
|
||
|
||

|
||
|
||
### FlipClock
|
||
|
||

|
||
|
||
### Shield
|
||
|
||

|
||
|
||
### OutlineText
|
||
|
||

|
||
|
||
### Tag
|
||
|
||

|
||
|
||
### ToolBar
|
||
|
||

|
||
|
||
### Slider
|
||
|
||

|
||
|
||
### CircleProgressBar
|
||
|
||

|
||
|
||
### ButtonStyle
|
||
|
||

|
||
|
||
### ToggleButtonStyle
|
||
|
||

|
||
|
||
### RadioButtonStyle
|
||
|
||

|
||
|
||
### CheckBoxStyle
|
||
|
||

|
||
|
||
### ListBoxStyle
|
||
|
||

|
||
|
||
### TreeViewStyle
|
||
|
||

|
||
|
||
### ListViewStyle
|
||
|
||

|
||
|
||
### DataGrid
|
||
|
||

|
||
|
||
### Now you can switch to dark theme
|
||
|
||

|
||
|
||
### ColorPicker
|
||
|
||

|
||
|
||
### Loading
|
||
|
||

|
||
|
||
### Carousel
|
||
|
||

|
||
|
||
### Pagination
|
||
|
||

|
||
|
||
### Expander
|
||
|
||

|
||
|
||
### TimeBar
|
||
|
||

|
||
|
||
### ImageBrowser
|
||
|
||

|
||
|
||
### PreviewSlider
|
||
|
||

|
||
|
||
### CompareSlider
|
||
|
||

|
||
|
||

|
||
|
||
### Growl
|
||
|
||

|
||
|
||
### AnimationPath
|
||
|
||

|
||
|
||
### ProgressBar
|
||
|
||

|
||
|
||
### TabControl
|
||
|
||

|
||
|
||
### TabControlStyle
|
||
|
||

|
||
|
||
### GroupBox
|
||
|
||

|
||
|
||
### StepBar
|
||
|
||

|
||
|
||
### GifImage
|
||
|
||

|
||
|
||
### ContextMenu
|
||
|
||

|
||
|
||
### Calendar
|
||
|
||

|
||
|
||
### Clock
|
||
|
||

|
||
|
||
### CalendarWithClock
|
||
|
||

|
||
|
||
### TextBlock
|
||
|
||

|
||
|
||
### RichTextBoxStyle
|
||
|
||

|
||
|
||
### TextBox
|
||
|
||

|
||
|
||
### ComboBox
|
||
|
||

|
||
|
||
### NumericUpDown
|
||
|
||

|
||
|
||
### SearchBar
|
||
|
||

|
||
|
||
### PasswordBox
|
||
|
||

|
||
|
||
### DataPicker
|
||
|
||

|
||
|
||
### TimePicker
|
||
|
||

|
||
|
||
### DateTimePicker
|
||
|
||

|
||
|
||
### ScrollViewer
|
||
|
||

|
||
|
||
### CirclePanel
|
||
|
||

|
||
|
||
### TransitioningContentControl
|
||
|
||

|
||
|
||
### BorderStyle
|
||
|
||

|
||
|
||
### Brush
|
||
|
||

|
||
|
||
## Switching configuration
|
||
|
||

|