转自:https://www.cnblogs.com/tsliwei/p/6138412.html
简介
GitHub地址:https://github.com/ptddqr/bootstrap-wpf-style
此样式基于bootstrap-3.3.0,样式文件里的源码行数都是指的这个版本.CSS源文件放到了Content文件夹下的bootstrap.css
WPF样式和CSS还是不太相同,所以有些内容实现上稍有出入,有些内容用法不太一样,有些内容并没有实现
但至少,一些概念,尺寸和取色,还是很好的借鉴
博客说明按Bootstrap官方文档的顺序来写
App.xaml里引用Bootstrap.xaml资源
复制代码
1 <Application.Resources>
2
3 <ResourceDictionary.MergedDictionaries>
4
5 </ResourceDictionary.MergedDictionaries>
6
7 </Application.Resources>
复制代码
排版
标题
效果
代码
1
2
3
4
5
6
副标题
效果
代码
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
复制代码
代码
内联代码
效果
代码
1
2
3
4
5
用户输入
效果
代码
1
2
3
4
代码块
效果
代码
1
2 Foreground:#333
3 Background:#f5f5f5
4 BorderBrush:#ccc
辅助文本
效果
代码
1
表格
效果
代码
复制代码
1
2 <DataGrid.Columns>
3
4
5
6 </DataGrid.Columns>
7
复制代码
表单
WPF没有表单的概念,所以说明就不按官方文档的顺序了
文本输入框
效果
代码
复制代码
1
2
3
4
5
6
7
8
复制代码
密码框
效果
代码
复制代码
1
2
3
4
5
6
7
复制代码
复选框
效果
代码
1
2
3
4
单选框
效果
代码
1
2
3
4
下拉框
效果
代码
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
复制代码
按钮
按钮
2
3
4
5
6
切换按钮