Wpf 如何从Expression blend在blend中创建自定义按钮?
我已经在Expression Design中创建了一个图像,我正试图将其导入Blend以创建一个按钮。当我在Blend中调整按钮的大小时,我试图用它的容器来缩放按钮,很可能是一个网格。不幸的是,这两种产品的文档都不是很有用。设计中的xaml如下所示:Wpf 如何从Expression blend在blend中创建自定义按钮?,wpf,silverlight,button,blend,Wpf,Silverlight,Button,Blend,我已经在Expression Design中创建了一个图像,我正试图将其导入Blend以创建一个按钮。当我在Blend中调整按钮的大小时,我试图用它的容器来缩放按钮,很可能是一个网格。不幸的是,这两种产品的文档都不是很有用。设计中的xaml如下所示: <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/200
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="Document" Width="61" Height="61" Clip="F1 M 0,0L 61,0L 61,61L 0,61L 0,0">
<Canvas x:Name="MinimizeButtonBase" Width="799.999" Height="600" Canvas.Left="0" Canvas.Top="0">
<Viewbox x:Name="Group" Width="61" Height="61" Canvas.Left="0" Canvas.Top="0">
<Canvas Width="61" Height="61">
<Path x:Name="Path" Width="61" Height="61" Canvas.Left="0" Canvas.Top="3.05176e-005" Stretch="Fill" StrokeLineJoin="Round" Stroke="#B0000000" Data="F1 M 5.5,0.500031L 55.5,0.500031C 58.2614,0.500031 60.5,2.73859 60.5,5.5L 60.5,55.5C 60.5,58.2614 58.2614,60.5 55.5,60.5L 5.5,60.5C 2.73859,60.5 0.5,58.2614 0.5,55.5L 0.5,5.5C 0.5,2.73859 2.73859,0.500031 5.5,0.500031 Z ">
<Path.Fill>
<LinearGradientBrush StartPoint="0.561118,0.955553" EndPoint="0.58334,-0.177781">
<LinearGradientBrush.GradientStops>
<GradientStop Color="#B0000000" Offset="0"/>
<GradientStop Color="#B0FFFFFF" Offset="1"/>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Path.Fill>
</Path>
<Path x:Name="Line" Width="49.2547" Height="5" Canvas.Left="5.23578" Canvas.Top="47" Stretch="Fill" StrokeThickness="5" StrokeLineJoin="Round" Stroke="#B0000000" Data="M 7.73578,49.5L 51.9904,49.5"/>
</Canvas>
</Viewbox>
</Canvas>
有人知道在设计中导入简单的2路径图像以使其成为blend中的按钮的步骤吗?当我将以下xaml添加到blend中的资源文件时,在将其转换为控件后调整其大小时,我无法让按钮缩放到其容器。问题在于您使用的容器类型以及它生成的xaml的复杂性,画布是绝对定位的,不应该真正用于缩放。为了解决这个问题,您需要一个视图框来模拟比例,但这不是必需的 我在Expression3中启动了一个项目,添加了一个用户控件,将代码粘贴到其中,然后进行处理。较低水平路径相对于按钮底部的位置不清楚,如果需要更改其位置和宽度,请适当更改网格列的高度和宽度值,并将其保留为比率而不是绝对数
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
x:Class="WpfApplication1.UserControl1"
x:Name="UserControl">
<Grid x:Name="Document">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*"/>
<ColumnDefinition Width="8*"/>
<ColumnDefinition Width="1*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="8*"/>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
</Grid.RowDefinitions>
<Path Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" Grid.RowSpan="3"
x:Name="Path"
Stretch="Fill" StrokeLineJoin="Round" Stroke="#B0000000"
Data="F1 M 5.5,0.500031L 55.5,0.500031C 58.2614,0.500031 60.5,2.73859 60.5,5.5L 60.5,55.5C 60.5,58.2614 58.2614,60.5 55.5,60.5L 5.5,60.5C 2.73859,60.5 0.5,58.2614 0.5,55.5L 0.5,5.5C 0.5,2.73859 2.73859,0.500031 5.5,0.500031 Z ">
<Path.Fill>
<LinearGradientBrush StartPoint="0.561118,0.955553" EndPoint="0.58334,-0.177781">
<LinearGradientBrush.GradientStops>
<GradientStop Color="#B0000000" Offset="0"/>
<GradientStop Color="#B0FFFFFF" Offset="1"/>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Path.Fill>
</Path>
<Path x:Name="Line" Stretch="Fill"
StrokeThickness="5" StrokeLineJoin="Round" Stroke="#B0000000"
Data="M 7.73578,49.5L 51.9904,49.5"
Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" />
</Grid>
</UserControl>
如果它将成为一个适当的控件,那么您将不得不开始以一种或另一种形式添加内容表示,但这将解决您的调整大小问题
编辑:我去掉了一些额外的对齐和边距设置,因为它们不再是必需的。使内容可伸缩的最简单的布局容器是ViewBox。它是WPF中的标准控件,而在Silverlight中,我认为它是SL工具箱中的标准控件