Без полей ImageButtons в Wrappanel
-
24-09-2019 - |
Вопрос
Я пытаюсь создать Wrappanel с бесшовными изображениями, содержащими произведения искусства. Я собрал следующую ContentTemplate в надежде, что он предоставит бесшовное потребование; Однако тонкая белая линия оставалась вокруг каждой из кнопок. Может ли кто-нибудь заправить меня в правильном направлении?
<Button.ContentTemplate>
<DataTemplate DataType="{x:Type local:ArtInfo}">
<Border Name="border" BorderThickness="0" BorderBrush="blue" Height="280" Width="250" Background="#262c40">
<StackPanel>
<Grid>
<Grid.Resources>
<local:MyConverter x:Key="MyConverter"></local:MyConverter>
<ObjectDataProvider x:Key="Properties.Settings" ObjectType="{x:Type lcl:Properties.Settings}" />
</Grid.Resources>
<Image Name="ArtImage" Margin="10,15,0,0" Height="195" Width="195" VerticalAlignment="Top" >
<Image.Source>
<Binding Path="ArtImage"/>
</Image.Source>
</Image>
</Grid>
<TextBlock Text="{Binding Path=ArtClass}" Margin="10,-17,0,0" FontSize="11" Foreground="white" />
<TextBlock Text="{Binding Path=Student}" Margin="10,0,0,0" FontSize="11" Foreground="white" />
<TextBlock Text="1998" Margin="10,0,0,0" FontSize="11" Foreground="white" />
</StackPanel>
</Border>
</DataTemplate>
</Button.ContentTemplate>
Решение
ContentTemplate говорит WPF, как отобразить контент в пределах Кнопка - кнопка Chrome (например, граница и фона) остается, а содержимое с шаблоном отображается внутри и более того, что Chrome.
Вы хотите заменить весь Появление кнопки, границы и все, а не просто настраивание того, как отображается его контент. Для этого вам нужно вместо этого использовать свойство шаблона. Значение кнопки. Template - это контрольная таблица, а не на DataTemplate. В этом ControlTemplate вы можете использовать ContentPresenter для отображения содержимого «шаблона Data».
В вашем случае, поскольку ваш DataTemplate выполняет всю работу, вы можете сойти с Raw ContentPreesenter в качестве шаблона:
<Button.Template>
<ControlTemplate TargetType="Button">
<ContentPresenter />
</ControlTemplate>
</Button.Template>
Однако, если все ваши кнопки используют один и тот же фон, вы можете переместить это в ControlTemplate:
<Button.Template>
<ControlTemplate TargetType="Button">
<Border BorderBrush="Blue" ...>
<ContentPresenter />
</Border>
</ControlTemplate>
</Button.Template>
Затем вы можете удалить границу из DataTemplate. Это действительно имеет значение только в том случае, если вы планируете повторно использовать одну и ту же кнопку. Температуру с другими шаблонами контента и хотели сохранить появление кнопки, согласующейся в разных видах контента.
Другие советы
Создайте USERCONTROL, поставьте Botton & Image в сетку.
<Grid>
<Image Source="icon.png" Panel.ZIndex="1" />
<Button
Panel.ZIndex="2"
FocusVisualStyle="{x:Null}"
Background="Transparent"/>
</Grid>