Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > WPF и Silverlight > Перемещаемый элемент внутри Adorner'a в WPF


Автор: Anyone 1.10.2009, 10:48
Создал сложный Adorner, который позволит изменять размеры, вращать объект, а также планируется изменять центр вращения с помощью перемещающегося элемента(центр изображен красным цветом на рисунке).
Перемещение центра осуществляется с помощью свойства Margin.

Из рис. видно что ниже и правее объекта перемещаемый элемент адорнера обрезается.
Еще я не могу понять почему если переместить центр адорнера в верхнюю точку объкета, значение Margin.Left, Margin.Top равно приблизительно значению соответственно ActualWidth, ActualHeight объекта, а если его переместить в нижнюю точку объекта, то значение Margin.Left, Margin.Top примерно в 2 раза меньше (видно на рисунке)...

Привожу код:
Код

    <Style TargetType="{x:Type Shape}" x:Key="ThumbCenter">
        <Setter Property="SnapsToDevicePixels" Value="true" />
        <Setter Property="Stroke" Value="#FFC8C8C8" />
        <Setter Property="StrokeThickness" Value=".5" />
        <Setter Property="Width" Value="10" />
        <Setter Property="Height" Value="10" />
        <Setter Property="Margin" Value="-2" />
        <Setter Property="Fill">
            <Setter.Value>
                <RadialGradientBrush Center="0.2, 0.2" GradientOrigin="0.2, 0.2" RadiusX="0.8" RadiusY="0.8">
                    <GradientStop Color="White" Offset="0.0" />
                    <GradientStop Color="Red" Offset="0.8" />
                </RadialGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
    
    <Style x:Key="CenterThumb_Style" TargetType="{x:Type t:CenterThumb}">
        <Style.Setters>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Grid DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}">
                            <Label x:Name="PART_CenterThumbCoordinates" Margin="0,-30,0,0" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="Visible"/>
                            <Rectangle Stretch="Fill" Width="100" Height="100" Stroke="Black" />
                            <Ellipse Style="{StaticResource ThumbCenter}" HorizontalAlignment="Center"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style.Setters>
    </Style>
    
    <Style TargetType="{x:Type local:ResizeRotateChrome}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:ResizeRotateChrome}">
                    <Grid>
                        <Grid Opacity="0" Margin="-3">
                            <t:RotateThumb .../>
                            <t:ResizeThumb .../>
                            <t:ResizeThumb .../>
                            <t:ResizeThumb .../>
                            <t:ResizeThumb .../>
                            <t:ResizeThumb .../>
                            <t:ResizeThumb .../>
                            <t:ResizeThumb .../>
                            <t:ResizeThumb .../>
                          </Grid>
                       <Grid IsHitTestVisible="False" Opacity="1" Margin="-3">
                            <Rectangle .../>
                            <Line .../>
                            <Ellipse .../>
                            <Ellipse .../>
                            <Ellipse .../>
                            <Ellipse .../>
                            <Ellipse .../>
                        </Grid>
                        <t:CenterThumb Style="{StaticResource CenterThumb_Style}" Cursor="Cross" Width="100" Height="100"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Код

    public class CenterThumb : Thumb
    {
        public CenterThumb()
        {
            DragDelta += new DragDeltaEventHandler(CenterThumb_DragDelta); 
        }

        void CenterThumb_DragDelta(object sender, DragDeltaEventArgs e)
        {
            Margin = new System.Windows.Thickness(
                Margin.Left + e.HorizontalChange, Margin.Top + e.VerticalChange, 
                Margin.Right, Margin.Bottom);
        }
    }

Следует обратить внимание на t:CenterThumb.
У меня 2 вопроса: почему адорнер обрезается, причем только справа и снизу объекта, и почему значение Margin так неравномерно изменяется при перемещении адорнера относительно объекта?
Спасибо.

Автор: math64 1.10.2009, 13:29
Чтобы не обрезался, нужно задать правый и нижний Margin'ы отрицательными, чтобы весь CenterThumb поместился в отведённую ему ячейку Grid (с учётом размера полей). Когда же область для размещения CenterThumb больше его размеров, он помещается по центру - а поскольку правый и нижний Margin'ы не регулируются, то он смещается толко наполовину.
Кстати адорнеры тут не причём - всё разместится также и при использовании обычного элемента.

Автор: Anyone 1.10.2009, 14:14
Цитата(math64 @  1.10.2009,  13:29 Найти цитируемый пост)
Чтобы не обрезался, нужно задать правый и нижний Margin'ы отрицательными

Большое спасибо!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)