Как объединить элементы управления WPF, чтобы они выглядели хорошо. Как?

Question

Я экспериментирую с WPF / XAML, и у меня есть общее представление о доступных элементах управления. Что я до сих пор не понимаю, так это как их объединить. Чтобы попрактиковаться в этом, я попытался скопировать следующие элементы управления:

Компоненты, которые я разработал, выглядят так:

А это кодировка:

<Window x:Class="Uranus.View.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="469" Width="750">
<Window.Resources>
    <Style x:Key="Flat">
        <Setter Property="Control.Background" Value="{x:Null}" />
        <Setter Property="Control.BorderBrush" Value="{x:Null}" />
        <Style.Triggers>
            <Trigger Property="Control.IsMouseOver" Value="True">
                <Setter Property="Control.Background" Value="{x:Null}" />
                <Setter Property="Control.BorderBrush" Value="{x:Null}" />
                <Setter Property="Control.FontWeight" Value="Bold" />
            </Trigger>
            <Trigger Property="Control.IsFocused" Value="True">
                <Setter Property="Control.FontWeight" Value="Bold" />
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Grid>
    <!-- -->
    <Rectangle Fill="LightBlue" Margin="277,21,160,346"/>

    <!-- -->
    <TextBox Height="30" HorizontalAlignment="Left" Margin="277,113,0,0" Name="textBox1" VerticalAlignment="Top" Width="272" />

    <!-- -->
    <Image Source="..\Pictures\Suchlupe.jpg" Margin="309,171,391,231" ></Image>

    <!-- -->
    <TextBox Height="23" HorizontalAlignment="Left" Margin="374,176,0,0" Name="textBoxSucheTabelle" VerticalAlignment="Top" Width="120" Foreground ="LightGray" Text="Nachricht suchen"/>

    <!-- -->
    <Button Name="buttonSuchpfeil" Style="{StaticResource Flat}" Margin="509,171,197,232">
        <StackPanel>
            <Image Source="..\Pictures\Suchpfeil.jpg"></Image>
        </StackPanel>
    </Button>
  </Grid>
</Window>

Мой вопрос: как я могу объединить свои элементы управления, чтобы они выглядели как в примере? Я действительно хочу узнать больше о WPF!

Спасибо за любую помощь!

Answer 1

Существует множество ресурсов для понимания XAML, особенно для WPF.Чтобы узнать больше, я бы посоветовал следующее:

1. Покупайте и читайте книги WPF / XAML.
2. Найдите онлайн-примеры по элементам управления стилями.
3. Поймите, чтопоставляются с .NET Framework, а также с любыми сторонними библиотеками элементов управления, которые вы планируете использовать.
4. Используйте Expression Blend, чтобы поиграть с дизайном пользовательских элементов управления.Он чрезвычайно мощный и обладает ощущением Photoshopesque.
5. Посмотрите на XAML, сгенерированный дизайнерами, и настройте параметры, чтобы увидеть, как определенные изменения влияют на макет и поведение элемента управления.