ImageSelector 图片选择器

该控件封装了图片选择、展示、删除的一整套逻辑.

1
public class ImageSelector : Control

属性

属性 描述 默认值 备注
Stretch 图片拉伸模式 Stretch.None
Uri 图片资源
PreviewBrush 预览图画刷
StrokeThickness 边框粗细
StrokeDashArray 边框虚线数组
DefaultExt 默认图片后缀名 .jpg
Filter 图片过滤字符串 (.jpg)|.jpg|(.png)|.png
HasValue 是否有值 false

样式

样式 描述
ImageSelectorBaseStyle 默认样式

案例

1
2
3
4
5
6
7
8
<UniformGrid Columns="3" Margin="16">
    <hc:ImageSelector Width="100" Height="100" Margin="16"/>
    <hc:ImageSelector Width="100" Height="100" Margin="16" hc:BorderElement.CornerRadius="50"/>
    <hc:ImageSelector Width="100" Height="100" Margin="16" hc:BorderElement.CornerRadius="50" StrokeDashArray="10,5"/>
    <hc:ImageSelector Width="100" Height="100" Margin="16" hc:BorderElement.CornerRadius="50" BorderBrush="{DynamicResource SuccessBrush}"/>
    <hc:ImageSelector Width="100" Height="100" Margin="16" hc:BorderElement.CornerRadius="50" StrokeDashArray="10,5,10" BorderBrush="{DynamicResource DangerBrush}"/>
    <hc:ImageSelector Width="100" Height="100" Margin="16" hc:BorderElement.CornerRadius="10" StrokeThickness="2" BorderThickness="2" BorderBrush="{DynamicResource PrimaryBrush}"/>
</UniformGrid>

ImageSelector