2018-08-24 15:00:26 +08:00
![logo ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/icon.png )
2018-10-28 16:44:10 +08:00
![csharp-version ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/csharp-version.png ) ![IDE-version ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/IDE-version.png ) [![nuget-version ](https://img.shields.io/nuget/v/HandyControl.svg )](https://www.nuget.org/packages/HandyControl) [![build-status ](https://ci.appveyor.com/api/projects/status/github/NaBian/handycontrol?svg=true )](https://ci.appveyor.com/project/NaBian/handycontrol) [![Join the chat at https://gitter.im/HandyControl/Lobby ](https://badges.gitter.im/HandyControl/Lobby.svg )](https://gitter.im/HandyControl/Lobby?utm_source=badge& utm_medium=badge& utm_campaign=pr-badge& utm_content=badge)
2018-08-24 15:00:26 +08:00
2018-10-09 00:41:11 +08:00
# Welcome to HandyControl
2018-08-24 15:00:26 +08:00
2018-10-09 00:41:11 +08:00
## Latest examples
2018-08-24 15:00:26 +08:00
2018-11-11 15:07:55 +08:00
### 1、Slider
![Slider ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Slider.png )
### 2、CircleProgressBar
2018-11-01 18:04:33 +08:00
![CircleProgressBar ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/CircleProgressBar.png )
2018-11-11 15:07:55 +08:00
### 3、DataGrid
2018-10-19 14:47:43 +08:00
![DataGrid ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/DataGrid.png )
2018-08-24 15:00:26 +08:00
2018-11-11 15:07:55 +08:00
### 4、Now you can switch to dark theme
2018-10-28 16:44:10 +08:00
![dark theme ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/DarkTheme.png )
2018-10-09 00:41:11 +08:00
## History publication
2018-10-10 16:38:52 +08:00
2018-10-09 00:41:11 +08:00
### 1、ColorPicker
2018-08-24 15:30:21 +08:00
2018-10-09 00:41:11 +08:00
![ColorPicker ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/ColorPicker.gif )
2018-08-24 15:30:21 +08:00
2018-10-09 00:41:11 +08:00
### 2、Loading
2018-08-27 11:53:14 +08:00
2018-10-09 00:41:11 +08:00
![Loading ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Loading.gif )
2018-08-27 11:53:14 +08:00
2018-10-09 00:41:11 +08:00
### 3、Carousel
2018-08-27 11:53:14 +08:00
2018-10-09 00:41:11 +08:00
![Carousel ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Carousel.gif )
2018-09-04 15:42:37 +08:00
2018-10-09 00:41:11 +08:00
### 4、Pagination
2018-08-31 19:33:17 +08:00
2018-10-09 00:41:11 +08:00
![Pagination ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Pagination.gif )
2018-08-31 19:33:17 +08:00
2018-10-09 00:41:11 +08:00
### 5、Expander
2018-09-04 15:42:37 +08:00
2018-10-09 00:41:11 +08:00
![Expander ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Expander.gif )
2018-09-04 15:42:37 +08:00
2018-10-09 00:41:11 +08:00
### 6、TimeBar
2018-09-04 15:42:37 +08:00
2018-10-09 00:41:11 +08:00
![TimeBar ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/TimeBar.gif )
2018-09-04 15:42:37 +08:00
2018-10-09 00:41:11 +08:00
### 7、ImageBrowser
2018-09-04 15:42:37 +08:00
2018-10-09 00:41:11 +08:00
![ImageBrowser ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/ImageBrowser.gif )
2018-09-04 15:42:37 +08:00
2018-10-09 00:41:11 +08:00
### 8、CompareSlider
2018-09-11 12:00:52 +08:00
2018-10-09 00:41:11 +08:00
![CompareSlider ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/CompareSlider-h.gif )
2018-09-11 12:00:52 +08:00
2018-10-09 00:41:11 +08:00
![CompareSlider ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/CompareSlider-v.gif )
2018-09-18 19:22:11 +08:00
2018-10-09 00:41:11 +08:00
### 9、Growl
2018-09-18 19:22:11 +08:00
2018-10-09 00:41:11 +08:00
![Growl ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Growl.gif )
2018-08-27 11:53:14 +08:00
2018-10-09 00:41:11 +08:00
### 10、AnimationPath
![AnimationPath ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/AnimationPath.gif )
### 11、ProgressBar
![ProgressBar ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/ProgressBar.gif )
### 12、TabControl
![TabControl ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/TabControl.gif )
### 13、StepBar
2018-11-11 15:07:55 +08:00
![StepBar ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/StepBar.png )
2018-10-09 00:41:11 +08:00
### 14、Calendar
![Calendar ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Calendar.jpg )
### 15、Clock
![Clock ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Clock.jpg )
2018-10-10 16:38:52 +08:00
### 16、TextBlock
![TextBlock ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/TextBlock.jpg )
### 17、TextBox
![TextBox ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/TextBox.jpg )
### 18、ComboBox
![ComboBox ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/ComboBox.jpg )
### 19、PasswordBox
![PasswordBox ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/PasswordBox.jpg )
### 20、DataPicker
![DataPicker ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/DataPicker.jpg )
### 21、TimePicker
![TimePicker ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/TimePicker.jpg )
### 22、CirclePanel
![CirclePanel ](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/CirclePanel.jpg )
2018-10-09 00:41:11 +08:00
# Usage
Step 1: Add a reference to HandyControl or search for HandyControl on the nuget;
Step 2: Add code in App.xaml as follows:
2018-08-27 11:53:14 +08:00
```XML
< Application.Resources >
< ResourceDictionary >
< ResourceDictionary.MergedDictionaries >
2018-10-28 16:44:10 +08:00
< ResourceDictionary Source = "pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml" / >
< ResourceDictionary Source = "pack://application:,,,/HandyControl;component/Themes/Theme.xaml" / >
2018-08-27 11:53:14 +08:00
< / ResourceDictionary.MergedDictionaries >
< / ResourceDictionary >
< / Application.Resources >
```
2018-10-28 16:44:10 +08:00
Step 3: enjoy coding