- #0 Panuon.UI.Silver(2.x)文档在哪?
- #1 如何使用PanuonIcon?
- #2 如何设置Icon的位置?
- #3 Icon不居中?
- #4 控件的Padding不向外扩张反而使内部的文字显示不完全?
- #5 为StackPanel设置Style时,BaseOn提示找不到资源
- #6 为TabControl、ListBox、CheckBox等控件设置子项的样式
- #7 ScrollViewer的滚动条会占用内部容器的空间
- #8 ContextMenu周围加出空间/让第一项与顶上保持距离
- #9 ContextMenu的MenuItem添加圆角右侧显示不出来
- #10 ContextMenu里的Separator想要横穿
#0 Panuon.UI.Silver(2.x)文档在哪?
#1 如何使用PanuonIcon?
访问:http://heerkaisair.gitee.io/panuon-icon-font/以查询所有的图标。
<Button pu:IconHelper.FontFamily="{StaticResource PanuonIconFont}"
pu:ButtonHelper.Icon=""/>
在网页中:
- 左上角为PanuonIcon显示的样式;
- 上方为名称;
- 左下角为编号,在XAML中使用需要在前后加上
"&#x----;"
- 右下角为unicode默认显示的样式。
#2 如何设置Icon的位置?
<Button pu:IconHelper.FontFamily="{StaticResource PanuonIconFont}"
pu:ButtonHelper.Icon=""
pu:ButtonHelper.IconPlacement="Top"
Content="设置"/>
<Button pu:IconHelper.FontFamily="{StaticResource PanuonIconFont}"
pu:ButtonHelper.Icon=""
pu:ButtonHelper.IconPlacement="Right"
Content="设置"/>
#3 Icon不居中?
Icon的Margin默认值不为0,将pu:IconHelper.Margin
设置为0
即可。
#4 控件的Padding不向外扩张反而使内部的文字显示不完全?
在为TabControl的TabItem设置Padding时,遇到了上述的问题。
为控件设置Padding的时候,并没有向四周扩展,而是在挤压内部控件的尺寸。
解决方式为,将内部控件的高度设置为NaN
。
需要注意的是,此时直接为TabControl设置Padding也并不能正常显示,这里由于同时使用了Icon和文字,因此需要分别为二者设置Margin值:
<TabControl pu:TabControlHelper.ItemsHeight="NaN"
pu:TabControlHelper.ItemsPadding="0,20,20,20">
<Setter Property="pu:IconHelper.Margin" Value="20,0,10,0"/>
#5 为StackPanel设置Style时,BaseOn提示找不到资源
StackPanel的Style不需要设置BaseOn。
#6 为TabControl、ListBox、CheckBox等控件设置子项的样式
可以在父控件上使用类似于pu:TabControlHelper.ItemsHoverBackground
的方式设定,或为子控件添加Style,设置pu:TabItemHelper.HoverBackground
的属性。
详细参考: https://github.com/Panuon/Panuon.UI.Silver/wiki/WPF-Contract-zh-CN#%E6%B4%BE%E7%94%9F%E8%87%AAitemscontrol%E7%9A%84%E6%8E%A7%E4%BB%B6
#7 ScrollViewer的滚动条会占用内部容器的空间
设置属性:pu:ScrollViewerHelper.ScrollBarPosition
为Outside
。
#8 ContextMenu周围加出空间/让第一项与顶上保持距离
为ContextMenu
设置Padding
。
#9 ContextMenu的MenuItem添加圆角右侧显示不出来
不清楚原因,但手动给pu:ContextMenuHelper.ItemsWidth
和Width
设定值可以解决。
#10 ContextMenu里的Separator想要横穿
<Separator Margin="-50,5"/>