wpf程序中使用自定义控件
新建用户控件
写一个带有图片的button
这是两个自定义按钮 添加可以点击 修改不可以点击 来自同一个自定义控件
<UserControl x:Class="WpfSop.Lib.Controls.IconButton"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:WpfSop.Lib.Controls"
mc:Ignorable="d"
x:Name="iconButton"
d:DesignHeight="100" d:DesignWidth="400">
<Grid>
<Image x:Name="imageEnable" Grid.ColumnSpan="2" Source="../Images/btn_enable.png" Stretch="Fill"/>
<Image x:Name="imageDisable" Grid.ColumnSpan="2" Source="../Images/btn_disable.png" Stretch="Fill" Visibility="Collapsed"/>
<Button IsEnabled="{Binding Path=IsEnabled,ElementName=iconButton}" Click="Button_Click">
<Button.Template>
<ControlTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="{Binding Path=ActualHeight,ElementName=iconButton}"/>
<ColumnDefinition Width="1*"/>
</Grid.ColumnDefinitions>
<Image Margin="8" Source="{Binding Path=Icon,ElementName=iconButton}"/>
<TextBlock Grid.Column="1" Margin="-16,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center"
FontSize="{Binding Path=FontSize,ElementName=iconButton}" Foreground="{Binding Path=Foreground,ElementName=iconButton}" Text="{Binding Path=Text,ElementName=iconButton}"/>
</Grid>
</ControlTemplate>
</Button.Template>
</Button>
</Grid>
</UserControl>
设置背景图片 可以拉伸Stretch="Fill"
grid里面自定义button样式
给这个button绑定样式 用binding
比如里面有个textblock 的text
Text="{Binding Path=Text,ElementName=iconButton}"
path绑定后台自定义属性
ElementName绑定这个UserControl的x:name
cs文件
public string Text
{
get { return (string)GetValue(TextTextProperty); }
set
{
SetValue(TextTextProperty, value);
// IconButton_SizeChanged(10);//一个方法自动调整文本字体大小
}
}
public static readonly DependencyProperty TextTextProperty =
DependencyProperty.Register("Text", typeof(string), typeof(IconButton));
自动调整文字大小的方法
/// <summary>
/// 自动调整字字体大小比例
/// </summary>
public double AutoFontSizeRate
{
get { return (double)GetValue(AutoFontSizeRateProperty); }
set { SetValue(AutoFontSizeRateProperty, value); }
}
public static readonly DependencyProperty AutoFontSizeRateProperty =
DependencyProperty.Register("AutoFontSizeRate", typeof(double), typeof(IconButton), new PropertyMetadata(0.4));
第一个十这个属性名字 第二项为属性 第三项为所属的类 第四项为默认选项
下面这个是设置图片的属性 默认选项可以为空 暂时还不知道怎么填默认选项
/// <summary>
/// 按钮图标
/// </summary>
public ImageSource Icon
{
get { return (ImageSource)GetValue(IconProperty); }
set
{
if (null == value) value = new BitmapImage(new Uri("/WpfSop.Lib;component/Images/btn_disable.png", UriKind.RelativeOrAbsolute));
SetValue(IconProperty, value);
}
}
public static readonly DependencyProperty IconProperty = DependencyProperty.Register("Icon", typeof(ImageSource), typeof(IconButton), null);
private async void IconButton_SizeChanged(int delay = 0)
{
try
{
if (AutoFontSize)
{
if (delay > 0)
{
await Task.Delay(delay);
}
}
double FontSize = 0;
FontSize = ActualHeight * AutoFontSizeRate;
// 文本宽高比大于外框宽高比
if (iconButton.ActualWidth * ActualHeight > ActualWidth * iconButton.ActualHeight)
{
FontSize = AutoFontSizeRate * ActualWidth * iconButton.ActualHeight / iconButton.ActualWidth;
}
if (FontSize > 0)
{
iconButton.FontSize = FontSize;
}
}
catch { }
}
async 异步的
int delay=0 默认等于0 调用方法的时候在填个int类型的数字
await Task.Delay(delay);让程序等待几秒钟再执行
自定义button传递点击事件
自定义一个公共变量 public event EventHandler<RoutedEventArgs> Click = null;
在button的点击事件里 Click?.Invoke(sender, e);