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

特にWPFの場合、XAMLを理解するために多くのリソースがあります。

1. WPF/XAMLの書籍を購入して読んでください。
2. オンラインでスタイリングコントロールを参照する例。
3. .NET Frameworkに付属のコントロール、および使用するサードパーティのコントロールライブラリを理解してください。
4. Expression Blendを使用して、ユーザーコントロールのデザインを再生します。それは非常に強力でPhotoshopesqueの感触を持っています。
5. 特定の変更がコントロールのレイアウトと動作にどのように影響するかを見るには、デザイナーとtweekのものによって生成されたXAMLを見てください。