高橋 忍のブログ

UX & モバイル、全ては心でエバンジェリズム♪

June, 2012

  • 高橋 忍のブログ

    システムトレイは表示させないが時計は表示したい

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

    年度完了と感謝

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

    審査終了 合格!

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

    ListBox の 幅いっぱいにアイテムを表示させたい

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

    久しぶりに審査

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

    アプリケーション世界デビュー 多言語対応 適応編

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

    アプリケーション世界デビュー 多言語対応 準備編

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

    ピンチで画像を拡大縮小

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

    Feedworm のようなボタンを作る

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

    Pivot を使ったチュートリアルのページを簡単に作る

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

    写真を加工する 5.6 高度なフィルタの実装と高速化(備忘録)

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

    Expression Blend で Metro Grid デザインを簡単に!

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

    Visual Studio で、Metro Grid デザインを簡単に!

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

    写真を加工する 5.5 横スクロールするボタンメニュー

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

    写真を加工する 5.4 写真を100年前へ

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

    写真を加工する 5.3 各種フィルタ2

    • 0 Comments
    #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...
  • 高橋 忍のブログ

    開発中?

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

    中華フォント対策 コードスニペット

    • 0 Comments
    #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:/...
  • 高橋 忍のブログ

    便利な PhotoChooserTask

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

    写真を加工する 5.2 各エフェクト

    • 0 Comments
    #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; 減算...
  • 高橋 忍のブログ

    写真を加工する 5.1.2 ぼかしクラス追加

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

    写真を加工する Part5.1.1 オーバーレイクラス化

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

    写真を加工する Part5.1 オーバーレイ

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

    写真をぼかす 改め加工する Part 5 レイヤー合成

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

    壁紙を作るための Photoshop テンプレート

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