Как вы можете выровнять фон холста в WPF?

StackOverflow https://stackoverflow.com/questions/269436

  •  06-07-2019
  •  | 
  •  

Вопрос

Я установил фон холста для изображения логотипа компании. Я хочу, чтобы это изображение было выровнено по правому нижнему углу холста.
Возможно ли это сделать или потребуется добавить изображение на холст в детстве? Это не будет работать с этой программой, поскольку все дочерние элементы canvas обрабатываются по-разному.

Спасибо

Это было полезно?

Решение

Будет ли это работать? (В любом случае, это сработало для меня.) 

  <Canvas>
    <Canvas.Background>
      <ImageBrush ImageSource="someimage.jpg" AlignmentX="Right" 
          AlignmentY="Bottom" Stretch="None" />
    </Canvas.Background>
  </Canvas>

Другие советы

AFAIK WPF Canvas требует, чтобы дочерние элементы пользовательского интерфейса располагались с использованием абсолютных координат. Для достижения эффекта привязки к правому нижнему краю, я думаю, вам нужно обработать событие изменения размера окна, пересчитать и применить координаты Top, Left , чтобы дочерний элемент Image всегда придерживался правый нижний угол. 

<Window x:Class="HelloWPF.Window1" xmlns...
    Title="Window1" Height="300" Width="339">
    <Canvas>
        <Image Canvas.Left="195" Canvas.Top="175" Height="87" Name="image1" Stretch="Fill" Width="122" Source="dilbert2666700071126ni1.gif"/>
    </Canvas>
</Window>

Как насчет содержания холста и изображения внутри элемента управления Grid? 

<Window ...>
  <Grid>
    <Canvas/>
    <Image HorizontalAlignment="Right" VerticalAlignment="Bottom" .../>
  <Grid>
</Window>

Это мое решение, использующее рамку внутри холста для выравнивания изображения. Это решение хорошо работает при изменении размера холста: 

<Canvas x:Name="MiCanvas" Height="250" Width="500" Background="Aqua">
    <Border x:Name="MiBorderImage" 
            Width="{Binding ElementName=MiCanvas, Path=ActualWidth}"
            Height="{Binding ElementName=MiCanvas, Path=ActualHeight}"
            Background="Transparent">
        <Image x:Name="MiImage" Source="/GraphicsLibrary/Logos/MiLogo.png"
               HorizontalAlignment="Right" 
               VerticalAlignment="Bottom" 
               Stretch="None" />
    </Border>
 </Canvas>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top