2016年８月２７日のドットネットラボ勉強会のスライド資料です。

8. <ButtonText= “hoge”/>
以下は等価
Button btn = new Button();
btn.Content = "hoge";

10. DEMO:TemplateSample

11. 作戦１：テンプレートを編集する
作戦２：自作してしまう

12. イベントハンドラー
XAMLからコードビハインドのメソッドを呼び出す

13. プログラミングのプロパティと
XAMLのプロパティを紐付ける
疎結合
This.textbox.text = “ほげ”;
が不要になる。
XAMLのプロパティ同士も紐付けれる

14. DEMO

15. <TextBlockText="{Binding name, Mode=OneWay}" >

16. INotifyPropertyChanged = 変更を通知する仕組み
public class ViewModelBase : INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
public void NotifyPropertyChanged(String propertyName = "")
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
}

17. INotifyPropertyChangedって面倒じゃね？
という人は
ReactivePropertyを調べると幸せになれるかも

18. 例えば、コントロールの表示非常時を
データバインディングする場合は・・・
VisibilityをViewModelで持つのもなぁ・・・

19. だめなやつ・・・
public class MainPageViewModel : ViewModelBase
{
private Visibility _visibility;
public Visibility visibility
{
get { return _visibility; }
set
{
_visibility = value;
this.NotifyPropertyChanged("visibility");
}
}

20. IValueConverter で型をコンバート
public class BoolToVisibilityConverter : IValueConverter
{
public object Convert(object value,Type targetType, object parameter, string language)
{
// valueがfalseならCollapsedを返す
if (value is bool && (bool)value != false)
{
return (IsInvert) ?Visibility.Visible :Visibility.Collapsed;
}
return (IsInvert) ?Visibility.Collapsed :Visibility.Visible;
}
public object ConvertBack(object value,Type targetType, object parameter, string language)
{
throw new NotImplementedException();
}

21. X:Bind
UWPから追加。
Datacontextではなくコードビハインドにバインド
できる
コンパイル時にエラーが出る

22. データバインディングが生きてくるのは
配列やコレクションなどのリストデータを扱う場合
DEMO:ListDataBinding

23. アニメーションもXAMLで定義可能
編集はタイムライン方式（Adobe Flashもそう）
アニメーションもXAMLで表現
DEMO:AnimationSample

24. ・・・まぁ、読むのも難しいし、手打ちだと書けないよね・・・
<Storyboard x:Name="Storyboard1">
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransf
<EasingDoubleKeyFrame KeyTime="0"Value="0"/>
<EasingDoubleKeyFrame KeyTime="0:0:1"Value="208"/>
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransf
<EasingDoubleKeyFrame KeyTime="0"Value="0"/>
<EasingDoubleKeyFrame KeyTime="0:0:1"Value="-156"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>

25. フレームワークとかツールがほぼ必須
MVVMならPrismかmvvmlight
XAML周りはXamlToolkit
機会があったら次回にでも・・・

27. データバインディングは便利だけど
覚えることがいろいろある。