DynAreaThick.xaml

<UserControl x:Class="FLY.Thick.Blowing.UI.UiModule.DynAreaThick"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:FLY.Thick.Blowing.UI.UiModule"
             xmlns:common="clr-namespace:FLY.Thick.Base.Common;assembly=FLY.Thick.Base"
             mc:Ignorable="d" d:DesignWidth="250">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/FLY.ControlLibrary;component/Themes/Dictionary_MyStyle.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/FLY.Thick.Base.UI;component/Converter/Dictionary_MyConv.xaml"/>
            </ResourceDictionary.MergedDictionaries>
            <common:DynArea x:Key="dynArea"/>
        </ResourceDictionary>
    </UserControl.Resources>
    <Button Style="{StaticResource Styles.Button.Empty}" d:DataContext="{StaticResource dynArea}">
        <Border Style="{StaticResource Styles.Module.Border}" >
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition  />
                    <RowDefinition Height="auto" />
                </Grid.RowDefinitions>
                <Border Background="{StaticResource Brushes.Activity}" CornerRadius="3" Height="130" >
                    <Grid>
                        <Viewbox Margin="10">
                            <TextBlock Style="{StaticResource Styles.Module.Text.ItemValue}" 
                                       Foreground="{StaticResource Brushes.TitleBar.Foreground}" 
                                       TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" 
                                       Text="{Binding Thk,StringFormat={}{0:F2}}" />
                        </Viewbox>
                        <TextBlock Style="{StaticResource Styles.Module.Text.ItemValue.Unit}" 
                                   Foreground="{StaticResource Brushes.TitleBar.Foreground}" 
                                   HorizontalAlignment="Right" VerticalAlignment="Bottom" 
                                   Margin="{StaticResource ControlMargin}"
                                   Text="{Binding ControllerState}" />
                    </Grid>
                </Border>
                <StackPanel Grid.Row="1" Margin="2">
                    <Grid Margin="2" Name="grid_ad">
                        <Rectangle Fill="#FF86C2E9" HorizontalAlignment="Left">
                            <Rectangle.Width>
                                <MultiBinding Converter="{StaticResource ratioconv}" Mode="OneWay">
                                    <Binding Path="AD" />
                                    <Binding Path="ADMax" />
                                    <Binding Path="ActualWidth" ElementName="grid_ad"/>
                                </MultiBinding>
                            </Rectangle.Width>
                        </Rectangle>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Style="{StaticResource Styles.Module.Text.ItemHeader}" 
                                       Text="AD" />
                            <TextBlock Style="{StaticResource Styles.Module.Text.ItemValue}" 
                                       Text="{Binding AD}" />
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </Grid>
        </Border>
    </Button>
</UserControl>