質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

1回答

2367閲覧

[WPF] PathのDataに、TranslateTransformのX, Yいずれかに正の値が入れられたGeometryを入れると、PathのBoundsにクリップされてしまう

FoolHotari

総合スコア79

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

1グッド

0クリップ

投稿2021/05/28 01:55

前提・実現したいこと

GeometryのTransformをいじってコントロールの領域を越えて図形を描画したい。
そのコントロールのRenderTrandformを使わない場合。

クリップされないようにするにはどうすればいいのでしょうか?

発生している問題・エラーメッセージ

X, YをSliderで動かすと以下のようになります。
※色合いがおかしかったり、変な線が入ったりしているのはgifのせいです。
X, YをSliderで動かした様子

該当のソースコード

XAML

1<Path Fill="Red" Width="50" Height="50"> 2 <Path.Data> 3 <EllipseGeometry RadiusX="50" RadiusY="50"> 4 <EllipseGeometry.Transform> 5 <TranslateTransform X="50" Y="50"/> 6 </EllipseGeometry.Transform> 7 </EllipseGeometry> 8 </Path.Data> 9</Path>

試したこと

PathのRenderTrandformを使うとうまくできます。

補足情報(FW/ツールのバージョンなど)

Windows 10 20H2
Visual Studio 2019 16.10.0
.Net 5.0

TN8001👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

「サイズを入れなければいいんじゃない?」と思いましたが、配置法によってはそうもいかないですかね。

wpf cliptobounds not work」あたりのキーワードで検索したところ↓が出ました。
ClipToBounds="Maybe" « Dr. WPF

GetLayoutClipをオーバーライドしてみたら、クリップされなくなりました(よくわかっていません^^;

Pathはsealedクラスでしたので元からパクりました(internalメンバがいないことによるパフォーマンスペナルティは不明)
Path.cs

xml

1<Window 2 x:Class="Questions340797.MainWindow" 3 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 4 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 5 xmlns:local="clr-namespace:Questions340797" 6 Width="800" 7 Height="450"> 8 <DockPanel> 9 <StackPanel DockPanel.Dock="Bottom"> 10 <CheckBox x:Name="checkBox" Content="ClipToBounds" /> 11 <Slider 12 x:Name="x" 13 Maximum="50" 14 Minimum="-50" /> 15 <Slider 16 x:Name="y" 17 Maximum="50" 18 Minimum="-50" /> 19 </StackPanel> 20 21 <Grid> 22 <Grid.ColumnDefinitions> 23 <ColumnDefinition /> 24 <ColumnDefinition /> 25 <ColumnDefinition /> 26 </Grid.ColumnDefinitions> 27 28 <GroupBox Header="Original"> 29 <Path 30 Width="50" 31 Height="50" 32 ClipToBounds="{Binding IsChecked, ElementName=checkBox}" 33 Fill="Red"> 34 <Path.Data> 35 <EllipseGeometry RadiusX="50" RadiusY="50"> 36 <EllipseGeometry.Transform> 37 <TranslateTransform X="{Binding Value, ElementName=x}" Y="{Binding Value, ElementName=y}" /> 38 </EllipseGeometry.Transform> 39 </EllipseGeometry> 40 </Path.Data> 41 </Path> 42 </GroupBox> 43 44 <GroupBox Grid.Column="1" Header="No Size"> 45 <Path 46 HorizontalAlignment="Center" 47 VerticalAlignment="Center" 48 ClipToBounds="{Binding IsChecked, ElementName=checkBox}" 49 Fill="Red"> 50 <Path.Data> 51 <EllipseGeometry RadiusX="50" RadiusY="50"> 52 <EllipseGeometry.Transform> 53 <TranslateTransform X="{Binding Value, ElementName=x}" Y="{Binding Value, ElementName=y}" /> 54 </EllipseGeometry.Transform> 55 </EllipseGeometry> 56 </Path.Data> 57 </Path> 58 </GroupBox> 59 60 <GroupBox Grid.Column="2" Header="MyPath"> 61 <local:MyPath 62 Width="50" 63 Height="50" 64 ClipToBounds="{Binding IsChecked, ElementName=checkBox}" 65 Fill="Red"> 66 <local:MyPath.Data> 67 <EllipseGeometry RadiusX="50" RadiusY="50"> 68 <EllipseGeometry.Transform> 69 <TranslateTransform X="{Binding Value, ElementName=x}" Y="{Binding Value, ElementName=y}" /> 70 </EllipseGeometry.Transform> 71 </EllipseGeometry> 72 </local:MyPath.Data> 73 </local:MyPath> 74 </GroupBox> 75 </Grid> 76 </DockPanel> 77</Window>

cs

1using System.Windows; 2using System.Windows.Media; 3using System.Windows.Shapes; 4 5namespace Questions340797 6{ 7 public sealed class MyPath : Shape 8 { 9 public static readonly DependencyProperty DataProperty 10 = DependencyProperty.Register(nameof(Data), typeof(Geometry), typeof(MyPath), 11 new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.AffectsMeasure | FrameworkPropertyMetadataOptions.AffectsRender), null); 12 public Geometry Data { get => (Geometry)GetValue(DataProperty); set => SetValue(DataProperty, value); } 13 14 protected override Geometry DefiningGeometry 15 { 16 get 17 { 18 var data = Data; 19 if (data == null) data = Geometry.Empty; 20 return data; 21 } 22 } 23 protected override Geometry GetLayoutClip(Size layoutSlotSize) 24 => ClipToBounds ? base.GetLayoutClip(layoutSlotSize) : null; 25 } 26 27 public partial class MainWindow : Window 28 { 29 public MainWindow() => InitializeComponent(); 30 } 31}

アプリ動画

投稿2021/05/28 08:54

編集2023/08/14 09:09
TN8001

総合スコア9321

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

FoolHotari

2021/05/29 10:08

回答ありがとうございます。 クリップの仕方を上書きするからクリップされなくなるのでしょうか。 新しく子クラスを作るのは少し面倒くさいですね...
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問