More than 5 years have passed since last update.

[WPF/xaml/C#]コントロールの大きさや位置を、C#コードから変化させる(RenderTransform)

Last updated at 2019-07-25Posted at 2019-06-06

やりたいこと

xaml側で、コントロールのRenderTransformに、Transformを継承したクラス(例えばRotateTransform(回転)``ScaleTransform(拡大縮小)``TranslateTransform(移動)など)をセットしてパラメータを設定してやると、そのコントロールを回転、拡大縮小、移動などできるが、それをコードから行いたい。

やり方

xamlでやるのと同じように、コントロールのRenderTransformにTransform系クラスをセットする。
セットするときには、TransformGroupの子要素としてTransform系クラスを登録してから、そのTransformGroupをRenderTransformに入れるようにする。(ややこしいので下記サンプル参照)

サンプルコード

ここでは、ボタンを押したときに、そのボタン自身を3倍の大きさにして、横に10ピクセルほどずらすということをしている。

MainWindow.xaml

<Window x:Class="WpfApp28.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp28"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Button Width="100" Height="50" Content="ボタン" Click="Button_Click"/>
    </Grid>
</Window>

MainWindow.xaml.cs

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace WpfApp28
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            if (sender is Button bt)
            {
                // TransformGroupを作成(大きさを3倍にして、右に10pixcelずらす)
                var tfg = new TransformGroup();
                tfg.Children.Add(new ScaleTransform(3, 3));
                tfg.Children.Add(new TranslateTransform(10, 0));

                // ボタンのRenderTransformにセット
                bt.RenderTransform = tfg;
            }
        }
    }
}