#0 Panuon.UI.Silver(2.x)文档在哪?

#1 如何使用PanuonIcon?

访问:http://heerkaisair.gitee.io/panuon-icon-font/以查询所有的图标。

  1. <Button pu:IconHelper.FontFamily="{StaticResource PanuonIconFont}"
  2. pu:ButtonHelper.Icon="&#xe98f;"/>

在网页中:
image.png

  • 左上角为PanuonIcon显示的样式;
  • 上方为名称;
  • 左下角为编号,在XAML中使用需要在前后加上"&#x----;"
  • 右下角为unicode默认显示的样式。

#2 如何设置Icon的位置?

image.png

  1. <Button pu:IconHelper.FontFamily="{StaticResource PanuonIconFont}"
  2. pu:ButtonHelper.Icon="&#xe98f;"
  3. pu:ButtonHelper.IconPlacement="Top"
  4. Content="设置"/>

image.png

  1. <Button pu:IconHelper.FontFamily="{StaticResource PanuonIconFont}"
  2. pu:ButtonHelper.Icon="&#xe98f;"
  3. pu:ButtonHelper.IconPlacement="Right"
  4. Content="设置"/>

#3 Icon不居中?

Icon的Margin默认值不为0,将pu:IconHelper.Margin设置为0即可。

#4 控件的Padding不向外扩张反而使内部的文字显示不完全?

在为TabControl的TabItem设置Padding时,遇到了上述的问题。
@NH%CLCCI}6OV~F0T)64UEQ.png
为控件设置Padding的时候,并没有向四周扩展,而是在挤压内部控件的尺寸。
解决方式为,将内部控件的高度设置为NaN
需要注意的是,此时直接为TabControl设置Padding也并不能正常显示,这里由于同时使用了Icon和文字,因此需要分别为二者设置Margin值:

  1. <TabControl pu:TabControlHelper.ItemsHeight="NaN"
  2. pu:TabControlHelper.ItemsPadding="0,20,20,20">
  1. <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.ScrollBarPositionOutside

#8 ContextMenu周围加出空间/让第一项与顶上保持距离

ContextMenu设置Padding

#9 ContextMenu的MenuItem添加圆角右侧显示不出来

不清楚原因,但手动给pu:ContextMenuHelper.ItemsWidthWidth设定值可以解决。

#10 ContextMenu里的Separator想要横穿

<Separator Margin="-50,5"/>