1

Пишу небольшое приложение на WPF. Нужно чтобы внутри рамки (Border) была фигура (например Rectangle), к которой можно было бы применять некие преобразования (например поворот на 30 градусов).
Всё получилось, но только вот при повороте фигуры, она выходит за границы рамки. Как это исправить?

Фигура вылезла за рамки

partial class AbstractShape : Border
{
    public AbstractShape(in Shape shape)
    {
        InitializeComponent();
        Child = shape;
    }
}

В чём проблема, как видится мне: У фигуры по умолчанию стоит свойство Fill, т. е. заполнения всей доступной области, однако вместо того чтобы самой исказиться, она предпочитает вылезти за рамки.
Если я растяну после поворота фигуры саму рамку в высоту и ширину, то фигура соответственно тоже вновь изменит размер и опять выскочит.

7
  • не уверен но модет помоч уменшить индекс по z оси у фигуры Panel.ZIndex
    – Саске
    21 фев 2019 в 11:09
  • По умолчанию любой элемент позволяет "выползать" своему содержимому за свои приделы. Что бы изменить эту логику достаточно установить ClipToBounds в значение True у вашего Border'a, тогда все, что будет заходить за пределы этого элемента будет обрезаться.
    – EvgeniyZ
    21 фев 2019 в 11:20
  • @EvgeniyZ, А как сделать чтобы не обрезалось, а искажалось но вмещалось целиком? 21 фев 2019 в 11:24
  • масштабируйте тогда эелемент
    – tym32167
    21 фев 2019 в 11:33
  • Вообще есть 2 типа трансформации: RenderTransform и LayoutTransform. Выберите тот, который подходит вам 21 фев 2019 в 11:38

1 ответ 1

3

Существует 2 вида трансформаций:

  • RenderTrahsform — трансформация применяется после компоновки, т. е. родительская панель (или контрол) сначала измеряет фигуру и выделяет ей место, а потом фигура трансформируется относительно этого места, поэтому она может выходить за пределы родителя;

  • LayoutTransform — трансформация применяется до компоновки, т. е. сначала к фигуре применяется трансформация, а потом родительская панель (или контрол) измеряет уже трансформированную фигуру и выделяет ей место с учетом нового габарита, поэтому такие трансформации, как TranslateTransform могут вообще не вносить видимого результата.

Пример:

<Grid Margin="5">
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <Border BorderThickness="1" BorderBrush="Brown" Margin="5">
        <Border Background="YellowGreen" RenderTransformOrigin="0.5,0.5">
            <Border.RenderTransform>
                <RotateTransform Angle="30"/>
            </Border.RenderTransform>
        </Border>
    </Border>

    <Border BorderThickness="1" BorderBrush="Brown" Margin="5" Grid.Column="1">
        <Border Background="YellowGreen" RenderTransformOrigin="0.5,0.5">
            <Border.LayoutTransform>
                <RotateTransform Angle="30"/>
            </Border.LayoutTransform>
        </Border>
    </Border>
</Grid>

введите сюда описание изображения

3
  • Спасибо! Это помогло. Оказывается при использовании LayoutTransform устанавливать ClipToBounds не обязательно. 21 фев 2019 в 11:51
  • ClipToBounds — это вообще обрезка содержимого по границе родителя и к трансформациям имеет посредственное отношение. 21 фев 2019 в 11:57
  • Т.е. выставлять ClipToBounds надо именно у родителя, а не у содержимого. 21 фев 2019 в 12:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.