【WPF学習中】XAML内のプロパティの値をバインディングする

コンピュータ

2022.02.202024.04.17

XAMLだけでスライダーの動きに合わせて円が拡大縮小するサンプルプログラム作成してみました。

プロジェクトの作成
ソースコード
ビルド
実行

プロジェクトの作成

PowerShellで実行。要dotnet.exe

mkdir En
cd En
dotnet new wpf
code .

ソースコード

<Window x:Class="En.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:En"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Slider
            x:Name="slider1"
            Height="30"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Top"
            Maximum="100"
            Margin="5"
            Value="20"/>
        <Ellipse
            Width="{Binding Value, ElementName=slider1}"
            Height="{Binding RelativeSource={RelativeSource Self},Path=Width}"
            Stroke="Black"
            StrokeThickness="4" />
        
    </Grid>
</Window>