WPFで強めのブラーを高速にかける - SourceChord
普通にぼかしを強めにかけてみる 背景画像として、ぼやけた画像を使いたいことって、結構あると思います。 で、普通にこれをやると、こんな感じだと思います。 <Window x:Class="WpfBaseTemplate1.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Window1" Width="1024" Height="768"> <Grid> <Image x:Name="imgBlur" HorizontalAlignment="Center" VerticalAlignment="Center" Source="Image/sample.jpg" Stre
VS2015のXAMLエディタの新機能～XAMLのRegion機能～ - SourceChord
あんま知られてなさそうだけど、地味に便利そうな新機能。 XAMLでも、C#のRegionディレクティブのような感じで、コードにブロックを定義して折りたためるようになりました。 以前channel9のWPF4.6新機能紹介の動画を見て気になってた機能ですが、さっそく使ってみました。 Windows Presentation Foundation (WPF)-Anwendungsentwicklung | Visual Studio TV – Deutsch | Channel 9 ↓気がついたら、日本語字幕付きのバージョンもアップされてました。上記動画の5:05～あたりのところで説明されてます。 こうやって、<!--#region 領域名-->・・・<!--#endregion -->というコメントで折りたたみたい領域を囲むと、、、 XAML上の任意の範囲をRegionとして折りたたむことが
UWPで追加されたバインディングの新機能～x:Bindマークアップ拡張～ - SourceChord
UWPではコンパイル時にバインディングを行うx:Bindマークアップ拡張という機能が加えられました。 今までのBindingマークアップ拡張よりもパフォーマンスが良かったり、コンパイル時の型チェックができたり、と色々メリットがあります。 (ダックタイプ的なバインディングができなくなるので、コンパイル時の型チェックについては若干デメリットともいえる部分もあるかもしれませんが。) 参考資料 MVAの動画&スライド UWPの各種バインディングについては、 以下のスライドに一度目を通しておくとよいかと思います。 ↓のページの「04 | XAML Data binding」のスライド http://www.microsoftvirtualacademy.com/training-courses/a-developers-guide-to-windows-10?prid=mvp-5001048 MSD
UWPのPopup/Flyout/Dialog系のコントロール - SourceChord
UWPで何らかのポップアップのようなUI要素を表示するコントロールの使い方をまとめてみました。 Tooltip/Popup系 ToolTip Popup PopupMenu Flyout系 Flyout/MenuFlyout ボタン押下時にFlyoutを表示する。 任意のタイミングでFlyoutを表示する Flyoutコントロールに名前を付けて直接制御 Dialog系 MessageDialog ボタンを追加する デフォルト、キャンセル用のボタンを設定する ShowAsyncメソッドの戻り値 各ボタン押下時のイベント処理を定義する MessageDialogのプロパティまとめ ContentDialog 元のページ上に定義 別のXAMLファイル上に定義 ContentDialogのプロパティ Tooltip/Popup系 まずは、そんなに使用頻度高くないかもしれないけど、ちょっとしたコント
UWPのImageスケーリング方法～NineGrid～ - SourceChord
WinRTのImageコントロールにはこんなプロパティあるんですね。 NineGridというプロパティがあってこんなことができるみたいです。 https://msdn.microsoft.com/ja-jp/library/windows/apps/windows.ui.xaml.controls.image.ninegrid.aspx Win8からあったみたいですが一応φ(..)メモメモ Web系の開発経験ある人には馴染みのある画像のスケーリング方法だと思いますが、 こんな風に画像を3×3の9分割して、以下のように四隅のサイズを固定してスケーリングする方法です。 cssとかの界隈では9パッチとか9スライスって呼ばれてるものですね。 用意した画像 スケーリング結果 <Image Height="100" Width="300" Stretch="Fill" NineGrid="30,30,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
