#wp7dev_jp #wpdev_jp デフォルトでONになっているシステムトレイ。 アプリケーションの画面デザインを考えると表示させたくない、というときもあるでしょう。 でも、時計だけは表示させたい、なんて時もあるはず。では、自前で時計を作ってみましょう。   自前で時計表示 今回は、C#のコードだけ。これを全部コピペすれば OKです。(画面にLayoutRootがある前提です） protected override void OnNavigatedTo( System.Windows...

#wp7jp #wpjp #wp7dev_jp Microsoft の年度末は6月。なので今日は年度末最後の金曜日で出勤日。 この一年、Windows Phone にかかわる活動で様々な方とお会いしました。そして多くの方にたくさんのアプリケーションを作っていただき公開していただきました（一応こちらが本業なので）本当にありがとうございます。 いろいろな情報が飛び交ったり、様々な方がご意見を出されています。現状ではお話しすることありませんが、もちろん、情報が出せる段階になれば、どこよりもいち早く日本の技術者に向けて情報を発信します...

#wp7dev_jp 先日26日早朝に、 久しぶりに審査 で書いたように提出したアプリですが、先ほど Congraturations ! メールが届きました！1発合格です！ 大体丸4日で審査完了ですね。まぁ、すごく速いわけじゃないけど、当初の通り ３から5営業日の範囲内で結果が出ました。手動で公開なのでまだ公開していないですけどね。 慣れたつもりですが、やっぱりこのメールを見ると顔がにやけてしまいますね。 ただ、Windows Phone のロゴアイコンが丸印、そう 7.0 の頃のアイコンのままというのは担当としては気になる...

#wpdev_jp #wp7dev_jp 簡単にできそうでできないのがコレ。 Listbox などでコンテンツをバインドして、ItemTemplate で配置デザイン。文字だけならうまくいくんだけど、背景色を付けるとおかしなことになる。 ソースコードはこんな感じ。DataTemplate の Grid の VerticalAlignment=”Stretch” としてもダメ。 でも、Width=400 みたいに固定したくない。 < Grid x : Name = "ContentPanel"...

これまで作ってきた写真加工アプリケーション。 今回は、久しぶりに Marketplace に公開するため、審査に出しました。もちろん、セルフチェックに Marketplace TestKit も使って検証しています。できれば１回で審査に通るといいのですが、どうでしょう？ 何度やってもドキドキしますね。

#wp7dev_jp #wdev_jp 準備���での準備が終わったら、いよいよ実装です。 定義を作り、XAML 内やコードの中で使用する方法です。   【1】 リソースファイルに定義を追加（対応言語数必要） 作成したリソースファイルに各言語ごとの定義を追加します。その際に（定義用の）名前は同じものを指定します。 【２】 XAMLの文字列リソースに適応する 以下のようなXAMLがあった場合に、Textの内容を定義したリソースに変更します。 < TextBlock Text = "アプリ名"...

#wp7dev_jp #wdev_jp アプリケーションは何と言っても自国の言語に対応しているのが一番受けがいいです。が、全言語対応は難しいのでひとまず、英語と日本語に対応してみましょう。 まずは、アプリケーションの中の言葉を対応します。今回はその準備編です。 ５つのステップ で行います。( MSDN情報 ） 【１】 アプリケーションのニュートラル言語を英語に変更 標準を日本語、追加を英語にしてもいいですが、それ以外の国では日本語表記になってしまいます。そのため標準は英語にしておきましょう。 「プロジェクト...

#wp7dev_jp #wpdev_jp ピンチ操作で画像の拡大縮小、よくありそうなシナリオですが実装もそれほど難しくはありません。 まずは、UI側の準備です。Imageコントロールだけですが。 ピンチで画像の拡大縮小 最小サイズは画面幅＝480 最大サイズは2000 ひとまず真ん中に表示 MainPage.xaml 拡大縮小処理の、最大・最少サイズの管理は本来面倒なのですが、プロパティに用意されているのでその辺は実装する必要はありません。これはうれしい。 <!--LayoutRoot は...

#wp7dev_jp 独特のUIデザインを持つ Feedworm ですが、こんなボタンデザインになるテンプレートを作ってみましょう。 こちらがオリジナルのデザイン。 そして今回作ったのがこちら。アイコンは、いつものSDKのIconふぉるたにあるもの（ApplicationBarIconButtonで使っている物を使用） テンプレートはこんな構成になっています。 アイコン部分はひとまず、Rectangle にして、このBackgroundをTemplateBindingでBackgroundとひもづけています...

#wp7dev_jp 出来ればヘルプやチュートリアルのページがあったほうがアプリとしてはうれしいですが、作るのが大変。 簡単な方法は、 手順通りに画面キャプチャしてみせる こと。 その時に便利なのが、Pivotです。ウイザード的な処理は大体やってくれます。が、そのPivotを使ったページを作るのが面倒。そこで作ってみました。 Pivot を使ったチュートリアルを作ってみる 出来ればこの辺は頭を使いたくないので、コピペでできるものを考えています。事前に元画像ファイルは取得しておきましょう。  ...

#wp7dev_jp これまで、様々な画像フィルタを作ってきて、それを組み合わせてフィルタ効果を実装した。 例えば上記の効果を作るために、フィルタ処理を重ねて実装している。ここでは、レベル補��と→単色乗算→トーンカーブをかけている。 int [] tmp; uint color = 0xfff6ddad; float [] tc = ToneCurve.getcurve(0, 39, 75, 70, 167, 203, 255, 255); tmp = Level.effect(src, w...

#wp7dev_jp Visual Studio で、Metro Grid デザインを簡単に！ の記事で、オブジェクトを配置して、Visual Studio でデザインしやすい方法をご紹介しました。 さて、Expression Blend には、スナップ機能がありますので、こちらを使いたいところですが、Metro のサイズはちょっと変則で既定のスナップでは対応しきれないところもあります。なので、あくまでも「ちょっと楽にする」というコンセプトで。 設定は簡単です。「ツール」メニューの「オプション」で設定をします...

#wp7dev_jp Windows Phone 用 の デザイン用 Grid が公開されています。 The Windows Phone design Grid - Love it! でもね、開発ツールにはスナップ機能がないから、見た目でドットを調整しなければならないので面倒！ ... そういえば、Visual Studio にはほかのアイテムの位置に合わせてスナップする機能があるじゃん！ということでこれを逆手にとってデザイン用のガイドを並べてみました。 これなかなか便利です。こんな感じでスナップしてくれます...

#wp7dev_jp さて、いろいろなエフェクトをつけてきましたが、この辺を選択できるメニューが必要です。 そこで横スクロールのボタンメニューを作るわけですが、いくつか方法はあります。 リストコントロールを使ってテンプレートを作り横方向リストコントロールにする ピボットを使う スクロールビューワーでボタンを並べる そもそも使いたいのはメニューだけで画面は必要ないので、ピボットを使うシナリオはなし。リストコントロールも複数選択などはないので、ちょっとオーバースペックかな？ということで単純にスクロールビューワーを使うことにする...

#wp7dev_jp ちょっといい情報を教えてもらって、100年前の写真にする加工をやってみた。基本概念をもとに、試行錯誤して、ひとまず簡略化。 元画像を白黒に 白黒になった元画像のダイナミックレンジを下げる（コントラストを強くする） 古い紙の画像を、不透明度75%で重ねる。 という感じで、結構簡単にできた。 プログラムの中心はこんな感じ。いったんグレースケールにして、（RGB→Gr）高コントラスト化（Gr-85)*3 で完成。 for ( int pixel = 0; pixel < input1...

#wp7dev_jp フィルタの追加。 覆い焼き 簡単に言うとハイライトを当てる処理になります。 //覆い焼き if (R2 == 255) R = 255; else R = (255 * R1) / (255 - R2); if (G2 == 255) G = 255; else G = (255 * G1) / (255 - G2); if (B2 == 255) B = 255; else B = (255 * B1) / (255 - B2); if (R > 255...

#wp7dev_jp 調べて、実装して、まとまったら記事を書く。 そんな繰り返しの中、実装がちょっと先行してしまうこともあり、こんな状態。 うーん、さてどうしよう？ まだ調べなきゃいけないもの、作らなきゃいけないものはたくさんあるんだけどね。 ひとまず...寝よう。

#wp7dev_jp 中華フォント対策は1行で済みますが、簡単なだけに忘れてしまいます。そこでコードスニペットにして、登録しておきましょう。 マイドキュメント\Visual Studio 2000\Code Snippets\Visual C#\My Code Snippets\jpfont.snippet <? xml version="1.0" encoding="utf-8" ?> < CodeSnippets xmlns = "http:/...

#wp7dev_jp Picture ハブから写真を選択する PhotoChooserTask。これ結構便利です。 まずはサンプルコード。新しいプロジェクトでこのコードを足すだけです。 // コンストラクター public MainPage() { InitializeComponent(); this .Loaded += new RoutedEventHandler(MainPage_Loaded); } void MainPage_Loaded( object sender,...

#wp7dev_jp さて、それ以外にもさまざまフィルタを試してみましょう。 加算 単純に元画像にフィルタ画像を足します。全体的に明るく白っぽくなります。ちなみに Photoshop では覆い焼き（リニア）という名称です。 // 加算 R = R1 + R2; G = G1 + G2; B = B1 + B2; if (R > 255) R = 255; if (G > 255) G = 255; if (B > 255) B = 255; 減算...

#wp7dev_jp 写真を加工する Part5.1.1 オーバーレイクラス化 でフィルタを別クラスファイルにまとめました。 そんなわけで以前作った、 ガウスぼかしフィルタ を新たに追加します。 Effects/Blur.cs 基本的な作りは、 オーバーレイクラス化 と同じです。 ぼかしではフィルタ画像を使わないので、画像の引数は1つだけです。 その他ぼかし半径を引数は引数で指定し、 更に間引き引数付き・無しの関数を準備（引数なしの場合は間引きなし） そのほかは以前の ガウスぼかしフィルタ と基本的には変わってないです...

#wp7dev_jp 前回は、 レイヤー合成 をベースに オーバーレイ を実装してみました。 さて、今後のことを考えてプログラム設計をちょっと変えてみます。エフェクトの部分だけを別クラス化してみます。 エフェクト系のクラスファイルをまとめるために Effect フォルダを作成します。フォルダを指定したら、「プロジェクト」メニューの「クラスの追加」を選択します。Overray.csを作成します。 Effects/Overray.cs 基本的には、前回の内容をコピペするだけですが、WriteableBitmap...

#wp7dev_jp さて、前回の 写真をぼかす 改め加工する Part 5 レイヤー合成 で、2つの画像を乗算で合成するアプリを作りました。 あとは、レイヤースタイルを変えるだけでいろいろな処理を実装できます。 オーバーレイ Photoshop のフォトレタッチでよく使われるものの中に オーバーレイという機能があります。 オーバーレイの処理は、各点の明るさの暗い場合は、乗算と同じ処理をし、明るい場合はスクリーン（反転画像の乗算）処理をします。 結果として、明るい部分は明るく暗い部分は暗くなりながら...

#wp7dev_jp さて、これまで写真をぼかすことをやってきましたが、今回から別のネタで進めてみます。 今回からトライするのは、レイヤー機能です。Photoshop に搭載しているフォトレタッチの重要な機能で、１つの画像に2つ目の画面をいろいろな効果を付けて合成します。 今回は、まず乗算を実装してみます。 ファイルの追加 プロジェクトに、「Images：フォルダを追加して、そこに以下のファイルをコピーします。 フォルダ： C:\Program Files (x86)\Microsoft SDKs...

#wp7jp #is12t 先日公開した、 Windows Phone の壁紙 : 高橋忍オリジナル版 。このための壁紙と、この画像を作るためのツールなどがあるわけではなく、私が自分でPhotoshopを使って作ったものです。 1つは純粋に壁紙を作るためのテンプレートで、待ち受けのための画像があるだけです。 もう一つは、ダウンロード画面を作るためのテンプレート。画像を作るためには3つの画像が必要です。 背景画像 作成した壁紙画像 QRコード画像 ...