Avalonia/samples/XamlTestApplicationPcl/Views/MainWindow.paml

<Window x:Class="XamlTestApplication.MainWindow"
        xmlns="https://github.com/perspex"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:vm="clr-namespace:XamlTestApplication.ViewModels;assembly=XamlTestApplication"
        Title="Perspex Test Application" Height="350" Width="525" SizeToContent="WidthAndHeight" >
    <Grid RowDefinitions="Auto,*,Auto" ColumnDefinitions="*,*">
        <TabControl Grid.Row="1" Grid.ColumnSpan="2" Padding="5">
            <TabControl.Transition>
                <PageSlide Duration="0.25" />
            </TabControl.Transition>
            <TabItem Header="Buttons">
                <StackPanel HorizontalAlignment="Center" Width="200" VerticalAlignment="Center">
                    <StackPanel.Styles>
                        <Style Selector="Button.italic">
                            <Setter Property="TextBlock.FontStyle" Value="Italic"/>
                        </Style>
                    </StackPanel.Styles>
                    <Button Content="Button" />
                    <Button Content="Button" Background="#119EDA" ToolTip.Tip="Goodbye Cruel World!" />
                    <Button Content="Default" IsDefault="True" />
                    <Button Content="Disabled" IsEnabled="False" Classes="italic"/>
                    <Button Content="Disabled" IsEnabled="False" Background="#119eda" />
                    <ToggleButton Content="Toggle" />
                    <ToggleButton Content="Toggle" IsEnabled="False" />
                    <CheckBox Content="Checkbox" />
                    <RadioButton Content="RadioButton 1" IsChecked="True" />
                    <RadioButton Content="RadioButton 2" />
                </StackPanel>
            </TabItem>
            <TabItem Header="Text">
                <StackPanel HorizontalAlignment="Center" Width="200" VerticalAlignment="Center">
                    <TextBlock TextWrapping="Wrap" TextAlignment="Center">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin venenatis dui quis libero suscipit tincidunt.
                    </TextBlock>
                    <TextBlock Text="Italic text." TextWrapping="Wrap" TextAlignment="Left" FontStyle="Italic" />
                    <TextBlock TextWrapping="Wrap" TextAlignment="Right" FontWeight="Bold">Bold text.</TextBlock>
                    <TextBox Text="A non-wrapping text box. Lorem ipsum dolor sit amet." TextWrapping="NoWrap" />
                    <TextBox
                        Text="A wrapping text box. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin venenatis dui quis libero suscipit tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin venenatis dui quis libero suscipit tincidunt."
                        TextWrapping="Wrap" MaxHeight="100" AcceptsReturn="True" />
                </StackPanel>
            </TabItem>
            <TabItem Header="Images">
                <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                    <ScrollViewer Height="200" Width="200" HorizontalScrollBarVisibility="Visible">
                        <Image Source="github_icon.png" Height="500" Width="400" />
                    </ScrollViewer>
                </StackPanel>
            </TabItem>
            <TabItem Header="Lists">
                <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                  <ListBox Items="{Binding Items}">
                    <ListBox.DataTemplates>
                      <DataTemplate DataType="vm:TestItem">
                        <StackPanel>
                          <TextBlock Text="{Binding Header}" FontSize="24"/>
                          <TextBlock Text="{Binding SubHeader}"/>
                        </StackPanel>
                      </DataTemplate>
                    </ListBox.DataTemplates>
                  </ListBox>
                  <DropDown VerticalAlignment="Center" SelectedIndex="0">
                      <StackPanel>
                          <TextBlock Text="Item 1" FontSize="24" />
                          <TextBlock Text="Item 1 Value" />
                      </StackPanel>
                      <StackPanel>
                          <TextBlock Text="Item 2" FontSize="24" />
                          <TextBlock Text="Item 2 Value" />
                      </StackPanel>
                  </DropDown>
                  <TreeView Items="{Binding Nodes}">
                    <TreeView.DataTemplates>
                      <TreeDataTemplate DataType="vm:TestNode" ItemsSource="{Binding Children}">
                        <StackPanel>
                          <TextBlock Text="{Binding Header}" FontSize="24"/>
                          <TextBlock Text="{Binding SubHeader}"/>
                        </StackPanel>
                      </TreeDataTemplate>
                    </TreeView.DataTemplates>  
                  </TreeView>
                </StackPanel>
            </TabItem>
            <TabItem Header="Layout">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <StackPanel>
                        <Button HorizontalAlignment="Left" Content="Left Aligned" />
                        <Button HorizontalAlignment="Center" Content="Center Aligned" />
                        <Button HorizontalAlignment="Right" Content="Right Aligned" />
                        <Button HorizontalAlignment="Stretch" Content="Stretch" />
                    </StackPanel>
                    <StackPanel Grid.Column="1" Orientation="Horizontal">
                        <Button VerticalAlignment="Top" Content="Top Aligned" />
                        <Button VerticalAlignment="Center" Content="Center Aligned" />
                        <Button VerticalAlignment="Bottom" Content="Bottom Aligned" />
                        <Button VerticalAlignment="Stretch" Content="Stretch" />
                    </StackPanel>
                </Grid>
            </TabItem>
            <TabItem Header="Animations">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Border Width="100" Height="100">
                        <Border.Background>
                            <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
                                <GradientStop Color="Red" Offset="0"/>
                                <GradientStop Color="Green" Offset="1"/>
                            </LinearGradientBrush>
                        </Border.Background>
                        <TextBox HorizontalAlignment="Center" VerticalAlignment="Center" Text="hello!"></TextBox>
                    </Border>
                    <Border Grid.Row="0" Grid.Column="1" Background="Coral" HorizontalAlignment="Center"
                            VerticalAlignment="Center">
                        <Image Width="100" Height="100" Source="github_icon.png">
                        </Image>
                    </Border>
                    <Button Grid.Row="1" Grid.Column="1" Content="Animate" HorizontalAlignment="Center"></Button>
                </Grid>
            </TabItem>
        </TabControl>
    </Grid>
</Window>