このブログを書いているWordPressにはRSS機能が標準的に存在します、例えばこのブログのRSSはコチラ。

簡単にRSSのタイトルだけを表示するならこんな感じでしょうか。

MainWindow.xaml.cs

namespace SimpleRssReader
{
    using System.IO;
    using System.Net.Http;
    using System.ServiceModel.Syndication;
    using System.Windows;
    using System.Xml;
    public partial class MainWindow : Window
    {
        public MainWindow(){
            InitializeComponent();
        }

        private async void moveButton_Click(object sender, RoutedEventArgs e)
        {
            HttpClient client = new HttpClient();
            var result = await client.GetStringAsync(RssUri.Text);

            var reader = XmlReader.Create(new StringReader(result));
            var feed = SyndicationFeed.Load(reader);
            rssResult.ItemsSource = feed.Items;
        }
    }
}

MainWindow.xaml

<Window x:Class="SimpleRssReader.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="229" Width="525">
    <Window.Resources>
        <DataTemplate x:Key="DataTemplate1">
            <Grid>
                <TextBlock HorizontalAlignment="Left" Margin="2,0,0,0" TextWrapping="Wrap" Text="{Binding Title.Text}" VerticalAlignment="Top"/>
            </Grid>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="56*"/>
            <RowDefinition Height="283*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="101*"/>
            <ColumnDefinition Width="321*"/>
            <ColumnDefinition Width="95*"/>
        </Grid.ColumnDefinitions>
        <TextBox x:Name="RssUri" Grid.Column="1" TextWrapping="Wrap" Text="https://tocsworld.wordpress.com/?feed=rss2" Margin="3"/>
        <Button x:Name="moveButton" Content="Move" Grid.Column="2" Margin="3,3,3,0" Height="23" VerticalAlignment="Top" Click="moveButton_Click"/>
        <Label Content="Title" Height="29" VerticalAlignment="Bottom"/>
        <ListBox x:Name="rssResult" Grid.Row="1" Grid.ColumnSpan="3" Margin="3,5" ItemTemplate="{DynamicResource DataTemplate1}"/>
    </Grid>
</Window>

実行時の様子はこちら、SyndicationFeedからはIEnumerable<SyndicationItem>が得られます、このタイトルをデータテンプレートを使ってTextBlockでバインド・表示させているだけです。

これに気象予報のRSSはこちらで提供されているので組み合わせるとお天気ソフトが。。

恥ずかしいエントリを公開しないよう見直していたら他の簡単な方法をまた見つけた。

WPFでTextからPathへの変換処理、前々回ご紹介したところですが以下のようにするともっと簡単にできました。FormattedTextを使う方法でこんな感じ。

StringToPathConverter2.cs

namespace WpfTextClip
{
    using System.Globalization;
    using System.Windows.Media;
    using System.Windows;
    using System.Windows.Shapes;

    public class StringToPathConverter2
    {
        public static System.Windows.Shapes.Path ConvertToPath(string text)
        {
            var formatedText = new FormattedText(text, new CultureInfo("ja"), FlowDirection.LeftToRight,
                new Typeface("verdana"), 150, Brushes.Black);
            Path path = new Path();
            path.Data = formatedText.BuildGeometry(new Point());
            return path;
        }

    }
}

これを以前同様、MainWindowのボタンハンドラでGridをclipするように

MainWindow.xaml.cs

namespace WpfTextClip
{
    using System.Windows;
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void convertbutton_Click(object sender, RoutedEventArgs e)
        {
            targetCanvas.Clip = StringToPathConverter2.ConvertToPath(textBox.Text).Data;
        }
    }
}

処理してやると以下のようになります。

やりたいこととしてはできていますね。前々回の内容はGraphicsPath→Pathへの変換という意味では意味がありますが、Textからの変換だと上の方法のほうが楽です。

Effect効果をちゃんと把握しておらず恥ずかしいエントリを先日公開したところで、Effectを確認しておこうと思いました；

１．RippleEffect

作成するのは画面上のImageに対してクリック(or ドロップ操作)をすると画像に波紋が描かれるようなもの。RippleEffectを使います、Blendから設定するか、VisualStudioからだとBlendのSDKをインストールした上でMicrosoft.Expression.Effectsを参照設定する必要があります。

MainWindow.xaml

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:ee="http://schemas.microsoft.com/expression/2010/effects"
        x:Class="WpfRippleEffectTest.MainWindow"
        Title="MainWindow" Height="245" Width="286">
	<Window.Resources>
		<Storyboard x:Key="RippleEffectStoryboard">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Effect).(ee:RippleEffect.Magnitude)" Storyboard.TargetName="image">
				<EasingDoubleKeyFrame KeyTime="0" Value="0.4"/>
				<EasingDoubleKeyFrame KeyTime="0:0:4" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Effect).(ee:RippleEffect.Frequency)" Storyboard.TargetName="image">
                <EasingDoubleKeyFrame KeyTime="0" Value="30"/>
                <EasingDoubleKeyFrame KeyTime="0:0:4" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
	</Window.Resources>
	<Grid>
		<Image x:Name="image" Source="Lighthouse.jpg" Stretch="UniformToFill" MouseDown="image_MouseDown">
			<Image.Effect>
				<ee:RippleEffect x:Name="rippleEffect" Frequency="0"/>
			</Image.Effect>
		</Image>

	</Grid>
</Window>

MainWindow.xaml.cs

namespace WpfRippleEffectTest
{
    using System.Windows;
    using System.Windows.Input;
    using System.Windows.Media.Animation;

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

        private void image_MouseDown(object sender, MouseButtonEventArgs e)
        {
            var clickedPos = e.GetPosition(image);
            rippleEffect.Center = new Point(clickedPos.X / image.ActualWidth, clickedPos.Y / image.ActualHeight);
            var storyboard = FindResource("RippleEffectStoryboard") as Storyboard;
            storyboard.Begin();
        }
    }
}

Easingをうまく設定することや、Storyboardをいくつも作成して複数の波紋を再現するなどの凝る要素があります。RippleEffectはアニメーション内で使うのがほとんどかと思われます。ファイルがドロップされると波紋が浮き立つというソフトがありましたが、こちらはRippleEffectは使わず自作しているようですね。。

２．その他のEffect

Blend付属のEffect以外にもWPF Shader Effect Libraryというライブラリがあり、ごく簡単な手順で組込むことができます。ダウンロードするとわかりますが、HLSLでShaderが定義されており、著作権等を考慮して一部転載も避けますがRippleEffectのそれもあります。手順は、

HLSL(.fx)→コンパイル→.psファイル→C#からUriでファイル指定してロード

となっています。このライブラリを使うだけならEffectクラスがあるので不要ですが、カスタムEffectをHLSLから記述する場合の手順がこちらで紹介されています。

WPFでは所望の形にElementを切り出せますが、System.Windows.Shapes.Pathを自作するのはちょっと苦労。例えば文字列のPathを取得しようと思うと簡単にはできません、System.Drawing.Drawing2D.GeometryPathならばStringから直接変換できるわけで、今回はSystem.Drawing.Drawing2D.GeometryPathからSystem.Windos.Shapes.Pathを変換してみようというトライ。

これ地味に面倒で、いくつか関連サイトあるけどどこかごまかしているような。。

System.Windows.Shapes.Pathを作成するとGeometryができるので、それをCanvas.Clipに設定することで切り抜いてやろうと思います。確認用UIはこんな感じ。

 MainWindow.xaml

<Window x:Class="WpfTextClip.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:me="clr-namespace:WpfTextClip"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <me:StringToPathConverter x:Key="strPathConverter"/>
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="7*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <TextBox x:Name="textBox" Grid.Row="1" TextWrapping="Wrap" Text="TextBox"/>
        <Canvas x:Name="targetCanvas" Grid.ColumnSpan="2" Background="Black"/>
        <Button x:Name="convertbutton" Content="Convert" Grid.Column="1" Grid.Row="1" Click="convertbutton_Click"/>
    </Grid>
</Window>

Mainwindow.xaml.cs

namespace WpfTextClip
{
    using System.Windows;
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void convertbutton_Click(object sender, RoutedEventArgs e)
        {
            targetCanvas.Clip = StringToPathConverter.ConvertToPath(textBox.Text).Data;
        }
    }
}

Convertボタンを押すと、TextBoxに指定された文字列で上のCanvasをClipしてやる構図。ということで本題であるGeometryPathからPathを作成するのはこちら。

 StringToPathConverter.cs

namespace WpfTextClip
{
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Windows.Data;
    using System.Windows.Media;
    using System.Windows.Shapes;

    public class StringToPathConverter
    {
        public static System.Windows.Shapes.Path ConvertToPath2(string text)
        {
            // string -> GraphicsPath
            var basePath = new System.Drawing.Drawing2D.GraphicsPath();
            var fontFamily = new System.Drawing.FontFamily("ＭＳ ゴシック");
            basePath.AddString(text, fontFamily, (int)System.Drawing.FontStyle.Regular,
                150, System.Drawing.Point.Empty, System.Drawing.StringFormat.GenericDefault);

            // GraphicsPath -> Path
            var pathGeometry = new PathGeometry();
            PathFigure pathFigure = null;

            for (int i = 0; i < basePath.PointCount; i++)
            {
                System.Drawing.Drawing2D.PathPointType pathtype =
                    ((System.Drawing.Drawing2D.PathPointType)basePath.PathTypes[i]) & System.Drawing.Drawing2D.PathPointType.PathTypeMask;
                System.Drawing.Drawing2D.PathPointType control =
                    ((System.Drawing.Drawing2D.PathPointType)basePath.PathTypes[i]) & System.Drawing.Drawing2D.PathPointType.CloseSubpath;

                switch (pathtype)
                {
                    case System.Drawing.Drawing2D.PathPointType.Start:
                        pathFigure = new PathFigure();
                        pathFigure.StartPoint = new System.Windows.Point(basePath.PathPoints[i].X,
                                                                         basePath.PathPoints[i].Y);
                        break;
                    case System.Drawing.Drawing2D.PathPointType.Line:
                        pathFigure.Segments.Add(new LineSegment(new System.Windows.Point(basePath.PathPoints[i].X,
                                                              basePath.PathPoints[i].Y), true));
                        break;
                    case System.Drawing.Drawing2D.PathPointType.Bezier:
                        if (basePath.PointCount-1 < (i + 2)){
                            // index out of range.
                            continue;
                        }
                        var ii = ((System.Drawing.Drawing2D.PathPointType)basePath.PathTypes[i+1]) & System.Drawing.Drawing2D.PathPointType.PathTypeMask;
                        var iii = ((System.Drawing.Drawing2D.PathPointType)basePath.PathTypes[i+2]) & System.Drawing.Drawing2D.PathPointType.PathTypeMask;
                        if (ii == System.Drawing.Drawing2D.PathPointType.Bezier &&
                            iii == System.Drawing.Drawing2D.PathPointType.Bezier)
                        {
                            pathFigure.Segments.Add(new BezierSegment(
                                new System.Windows.Point(basePath.PathPoints[i].X, basePath.PathPoints[i].Y),
                                new System.Windows.Point(basePath.PathPoints[i+1].X, basePath.PathPoints[i+1].Y),
                                new System.Windows.Point(basePath.PathPoints[i+2].X, basePath.PathPoints[i+2].Y),
                                true));
                        }
                        break;
                }
                switch (control)
                {
                    case System.Drawing.Drawing2D.PathPointType.DashMode:
                    // not supported.
                    case System.Drawing.Drawing2D.PathPointType.PathMarker:
                        // ignore.
                        break;
                    case System.Drawing.Drawing2D.PathPointType.CloseSubpath:
                        pathGeometry.Figures.Add(pathFigure);
                        break;
                }
            }
            Path path = new Path();
            path.Data = pathGeometry;
            return path;
        }

    }
}

フー。FontFamilyやサイズは適当に固定値にしていますが必要に応じて値を変更してくださいませ。これを実行するとこんな感じになります。

わかりにくいですがCanvasそのものがClipされています。

業務多忙によりネタの新鮮味が無くなってきた気がするこの頃。WPFアプリケーションの開始・初期化順について確認しておきます。

さっそくですが、いくつかログを埋め込んだだけのクラスを用意します。

DummyObject.cs

namespace WpfAppStarting
{
    using System;
    public class DummyObject
    {
        public DummyObject()
        {
            Console.WriteLine("DummyObject-Constructor called.");
        }
        public DummyProperty Property { get; set; }
    }
}

DummyProperty.cs

namespace WpfAppStarting
{
    using System;
    using System.ComponentModel;
    [TypeConverter(typeof(DummyTypeConverter))]
    public class DummyProperty
    {
        public DummyProperty()
        {
            Console.WriteLine("DummyPropety-Constructor called.");
        }
    }
}

DummyValueConverter.cs(string->DummyPropertyのIValueConverter)

namespace WpfAppStarting
{
    using System;
    using System.Windows.Data;
    public class DummyValueConverter : IValueConverter
    {
        public DummyValueConverter()
        {
            Console.WriteLine("DummyValueConverter-Constructor called.");
        }
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            Console.WriteLine("DummyValueConverter-Convert called.");
            DummyProperty obj = value as DummyProperty;
            return obj.ToString();
        }
        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}

DummyTypeConverter.cs(string->DummyPropertyのTypeConverter)

namespace WpfAppStarting
{
    using System;
    using System.ComponentModel;
    public class DummyTypeConverter : TypeConverter
    {
        public DummyTypeConverter()
        {
            Console.WriteLine("TypeConverter-Constructor called.");
        }
        public override bool CanConvertFrom(ITypeDescriptorContext context, Type sourceType)
        {
            Console.WriteLine("TypeConverter-CanConvertFrom called.");
            if (sourceType == typeof(string)){
                return true;
            }
            return base.CanConvertFrom(context, sourceType);
        }
        public override object ConvertFrom(ITypeDescriptorContext context, System.Globalization.CultureInfo culture, object value)
        {
            Console.WriteLine("TypeConverter-ConvertFrom called.");
            if (value is string){
                return new DummyProperty();
            }
            return base.ConvertFrom(context, culture, value);
        }
    }
}

これらはバインドの様子を確認するためのものです。XAMLで使うであろうIValueConverterとTypeConverterを定義していますがこれらが何者かはこちらを参照ください。これらに加えて、WPFコントロールのコンストラクタでログを出力するようにしたクラスも追加し、構成は以下にしておきました。

そしてようやくメインとなる、MainWindowはこちら。

MainWindow.xaml.cs

 (←より↓が重要）

<Window x:Class="WpfAppStarting.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:me="clr-namespace:WpfAppStarting"
        Title="MainWindow" Height="240" Width="525">
    <Window.Resources>
        <!--↓ここでPropertyにstringを設定してTypeConverterが働きます,以下同じ-->
        <me:DummyObject x:Key="TestResourceObject1" Property="TestString1"/>
        <me:DummyValueConverter x:Key="TestValueConverter"/>
        <me:DummyObject x:Key="TestResourceObject2" Property="TestString2"/>
        <me:DummyObject x:Key="TestResourceObject3" Property="TestString3"/>
    </Window.Resources>
    <me:ExtendedGrid>
        <me:ExtendedStackPanel>
            <me:ExtendedTextBox>
                <!--↓ここでConverterに指定してDummyValueConverterが働きます,以下同じ-->
                <Binding Source="{StaticResource TestResourceObject1}" Path="Property" Converter="{StaticResource TestValueConverter}"/>
            </me:ExtendedTextBox>
            <me:ExtendedTextBox>
                <Binding Source="{StaticResource TestResourceObject1}" Path="Property" Converter="{StaticResource TestValueConverter}"/>
            </me:ExtendedTextBox>
        </me:ExtendedStackPanel>
        <me:ExtendedStackPanel Margin="0,50,0,0">
            <me:ExtendedTextBox>
                <Binding Source="{StaticResource TestResourceObject3}" Path="Property" Converter="{StaticResource TestValueConverter}"/>
            </me:ExtendedTextBox>
        </me:ExtendedStackPanel>
    </me:ExtendedGrid>
</Window>

これを実行すると以下のようなログが出ます。見やすいかと思って勝手にインデント付けていますが順序は当然入れ替えていません。

'WpfAppStarting.vshost.exe' (CLR v4.0.30319: WpfAppStarting.vshost.exe): 'C:\Windows\Microsoft.Net\assembly\GAC_64\mscorlib\v4.0_4.0.0.0__b77a5c561934e089\mscorlib.dll' が読み込まれました。シンボルが読み込まれました。
<<...途中省略>>
'WpfAppStarting.vshost.exe' (CLR v4.0.30319: WpfAppStarting.vshost.exe): 'C:\Windows\Microsoft.Net\assembly\GAC_MSIL\mscorlib.resources\v4.0_4.0.0.0_ja_b77a5c561934e089\mscorlib.resources.dll' が読み込まれました。モジュールがシンボルなしでビルドされました。
'WpfAppStarting.vshost.exe' (CLR v4.0.30319: WpfAppStarting.vshost.exe): 'C:\Windows\Microsoft.Net\assembly\GAC_MSIL\UIAutomationTypes\v4.0_4.0.0.0__31bf3856ad364e35\UIAutomationTypes.dll' が読み込まれました。シンボルが読み込まれました。
<<ここからユーザーログが出だす>>
   MainWindow-Constructor called(before InitializeComponent).
      ExtendedGrid-Constructor called.
         ExtendedStackPanel-Constructor called.
            ExtendedTextBox-Constructor called.
               DummyObject-Constructor called.
               TypeConverter-Constructor called.
               TypeConverter-ConvertFrom called.
               DummyPropety-Constructor called.
               DummyValueConverter-Constructor called.
               DummyValueConverter-Convert called.
            ExtendedTextBox-Constructor called.
               DummyValueConverter-Convert called.
         ExtendedStackPanel-Constructor called.
            ExtendedTextBox-Constructor called.
               DummyObject-Constructor called.
               TypeConverter-ConvertFrom called.
               DummyPropety-Constructor called.
               DummyValueConverter-Convert called.
MainWindow-Initialized event occured.
   MainWindow-Constructor called(after InitializeComponent).
MainWindow-SourceInitialized event occured.
MainWindow-Activated event occured.
MainWindow-Loaded event occured.
MainWindow-ContentRendered event occured.
MainWindow-Activated event occured.

これからわかることとして、

1. WPFのXAMLの解釈は上から順に行われている、リソースで定義されたオブジェクトが優先して作成されている訳ではない。
2. オブジェクト参照は必要になったタイミングで解決している、よってリソースとして定義しても使われなければオブジェクトは作成されない。

があります。MainWindowのコンストラクタで呼んでいるInitializeComponentでは、

1. MainWindow.xamlの解釈&オブジェクト参照を解決
2. XAML構文エラーにならなければInitializedイベントを発砲して終了

しています、改めて見返すとちょっとスッキリ。

ちなみにMainWindowのコンストラクタを呼ぶのは自動生成されるソースのapp.i.csですね。またこのMainWindowの生成後に発生するイベントの順序はMSDNに記載がありますので、そちらを参照ください。