一矢報いる

Windows フォトビューアーをコマンド起動

%SystemRoot%\System32\rundll32.exe "%ProgramFiles%\Windows Photo Viewer\PhotoViewer.dll", ImageView_Fullscreen 画像ファイル名

[WPF]Listアイテムのコンテキストメニューのコマンドバインディング（MVVM）

DataGrid でも ListView でも ListBox でも当てはまると思うけど、行を右クリックしてViewModel に記述されたコマンドをキックするにはちょっとコツが必要。

普通にバインドさせると、ListItem の ViewModel にバインドしようとしてしまうからみたい。

わかってしまえば簡単。
Windowまで遡れば、DataContext に ViewModel が入ってるんで、コマンドまで辿れる。

<Window.DataContext>

<local:MainViewModel />

</Window.DataContext>

<MenuItem Header="実行" Command="{Binding Path=DataContext.ExecuteCommand,

RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}"/>

</ContextMenu>

[Silverlight]ResourceDictionary 分離

ResourceDictionary を複数ファイルに分割して、片方のリソースから片方のリソースへの参照があると、XamlParseException が発生して起動出来ない。

-----------------
XamlParseException
Name/Key XXXXXX を持つ Resource が見つかりません [Line: XX Position: XX]

-----------------

Expression Blend Preview For Silverlight 5 だからなのかもしれないが、App.xaml の MergedDictionaries 内で複数のリソースファイルをロードしようとした時に別リソースファイルへの参照があるとダメそう。イメージファイルの定義が１ファイルに纏めたいんだけど。。。

対処としては、App.xaml 内で定義している ResourceDictionary をコードビハインドでロードさせる。

private void loadResource(Uri uri)

{

var info = Application.GetResourceStream(uri);

string xaml;

using (var reader = new StreamReader(info.Stream))

{

xaml = reader.ReadToEnd();

}

ResourceDictionary result = (ResourceDictionary)XamlReader.Load(xaml);

foreach (DictionaryEntry item in result)

{

try

{

Application.Current.Resources.Add(item.Key, item.Value);

}

catch (Exception ex)

{

}

実行時はそれでいんだけど、デザイナで表示出来ないのもなんとかならんか。調べてみると、DesignTimeResources.xaml というものがあり、Blend 起動時に参照が切れているリソースがあると、自動生成してくれる。（Properties ディレクトリ配下出来る）

これでもダメな場合、複数の ResourceDictionary ファイルを１ファイル内でロードするようにしたものをDesignTimeResources.xamlに書くとよい。

それでもダメな場合、一度ビルドして Blend ないし VisualStudio を終了させ、起動させると表示されることがある。

定義の仕方が悪いのかもしれないが、なんともすっきりしないやり方だ〜。

[jQuery]iframeのスムーズな切換え

最近ではあまり使われなくなっている Frame 関係だけど、業務アプリケーションではまだまだ使っていることも多い。

iframe のコンテンツを切り替える際に iframe 内が真っ白になってしまう。
切換え先のページのロードが重たければ、白い画面がしばらく表示されることになるのだが、なんとかならんか〜と考えてみた。

結論から言うと、iframe を div タグ内に入れて、div タグをフェードイン／フェードアウトさせればフワフワっとページを切り替えることが出来る。

フェードインは iframe の loaded イベントで行う。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

var index = 0;

var pages = new Array("aaaa.html", "bbbb.html");

function frameChange(){

$('#contents').animate({ opacity: 0 }, 500, function () {

$('#contents').css("visibility", "hidden");

main.location.href = pages[index];

index++;

index = index % 2;

});

}

function loaded(){

$('#contents').css("visibility", "visible");

$('#contents').animate({ opacity: '1' }, 800, function () {

});

}

</script>

</head>

</div>

</body>

</html>

[jQuery]アコーディオンメニュー

dtタグを使ってメニューを作成し、サブメニューは sideToggle によるアニメーションでのの表示／非表示を切り替えることでアコーディオン風のメニューが出来上がる。

<head>

$(document).ready(function(){

$('dd').css("display", "none");

$("dt").click(function () {

if ($(this).next().children(0).children().length != 0) {

$(this).next().slideToggle("slow");

}

return false;

});

</script>

</head>

<body>

<dd>

<ul>

<li>サブメニュー１</li>

<li>サブメニュー２</li>

<li>サブメニュー３</li>

</ul>

</dd>

<dd>

<ul>

<li>サブメニュー１</li>

<li>サブメニュー２</li>

<li>サブメニュー３</li>

</ul>

</dd>

</body>

</html>

[C#]FlagBooleanConverter

DBはBoolean型がなくて、0か1で意味を持たせることが多々あるんで、直接 bool 型として扱えるよう、Converter を作った。スニペット的に貼付けておく。

public class FlagBooleanConverter : IValueConverter

{

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)

{

int param;

if (!int.TryParse(value.ToString(), out param))

{

return DependencyProperty.UnsetValue;

}

return param.Equals(1);

}

public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)

{

bool param;

if (!bool.TryParse(value.ToString(), out param))

{

return DependencyProperty.UnsetValue;

}

return param ? 1 : 0;

}

[Silverlight]トグルスイッチボタン

ON/OFFボタンを作ってみた。
イメージはこんな感じ。

クリックすると黒い境界が動いてON<->OFFが切り替わる。

Template内にサイズを持たせているので微妙なんだけどねぇ。
XAMLを貼付けておく。

<VisualStateManager.VisualStateGroups>

<VisualStateGroup.Transitions>

</VisualStateGroup.Transitions>

<DoubleAnimation.EasingFunction>

</DoubleAnimation.EasingFunction>

</DoubleAnimation>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Canvas.Clip>

</Canvas.Clip>

<Grid.RenderTransform>

</Grid.RenderTransform>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

</Border>

</Border>

</Grid>

</Canvas>

</Grid>

</ControlTemplate>

2013年3月22日金曜日