読者です 読者をやめる 読者になる 読者になる

しっぽを追いかけて

ぐるぐるしながら考えています

Unity と猫の話題が中心   掲載内容は個人の私見であり、所属組織の見解ではありません

【Win10】 Windows 10 のマスコットキャラクター「Ninja cat」の壁紙

Windows 10 のマスコットキャラクターはなんと忍者の猫、「Ninja cat」のようです SharpWriter さんという猫好きのデザイナーさんが制作した CG をもとに Microsoft 社内で作られたイラストが人気を集め晴れてマスコットキャラクターになったとか

Xamarin.Forms で Facebook に写真をアップロードしてみる

前回 ウォール投稿ができたので、今度は写真のアップロードを試します といっても C# ライブラリパワーがあればかんたんです

Xamarin.Forms で複数の画像を添付して Twitter に投稿したい

とりあえず Twitter 投稿ができたので、今度は画像つきを試してみようと思います 意外にも画像つきで Twitter 投稿する Xamarin.Forms のコードで紹介されていないんですよね・・・

Prism MVPVM テンプレート更新

Prism のユニバーサルアプリ対応版がリリースされたので、Prism ベースの MVPVM テンプレートを作りました - しっぽを追いかけて で紹介した MVPVM テンプレートを更新しました zip を解凍したら、中の install.bat を「管理者として実行」で実行すればテン…

さらに UI の仮想化(2)

UI に表示されるデータの仮想化(2) - しっぽを追いかけて では段階的な仮想化を行いましたが、まだまだ UX を向上させるためにできることがあります! それは ISupportIncrementalLoading の段階的なデータ読み込みに時間がかかる場合、スクロールに時間…

UI に表示されるデータの仮想化(2)

UI に表示されるデータの仮想化(1) - しっぽを追いかけて では表示用にコピーされるデータを絞り込む仮想化をご紹介しましたが、データの仮想化には他にも方法があります それが段階的な仮想化と呼ばれるもので下記のようなイメージになります

ピクセル単位で仮想化するパネル ItemsWrapGrid & ItemsStackPanel

Windows ランタイムアプリの特定のパネルには、画面に表示されている領域だけ UI 項目を生成したり使いまわしたりして、使用メモリの削減やスクロール動作を高速化する「仮想化」という仕組みが用意されています

ベータ版 Prism for Windows Runtime & プレリリース Unity を利用した MVPVM 猫じゃらしアプリ

例によって ユニバーサル Windows アプリ用 Prism フレームワーク! - しっぽを追いかけて の Prism ベータ版や Xamarin や Windows Phone でも利用できる Unity DI コンテナプレリリース版 - しっぽを追いかけて の Unity プレリリース版を組み入れてかんた…

MenuFlyout をラジオボタンっぽい強制単一選択にする

MenuFlyout の内部に下記のように ToggleMenuFlyoutItem を配置すると選択式のメニューとして表示できます <AppBarButton Label="ネコのえさ"> <AppBarButton.Icon> <PathIcon HorizontalAlignment="Center" VerticalAlignment="Center" Data="M0,16.0044549486488L30.0405913920894,16.0044549486488 ~ 中略 ~ " /> </AppBarButton.Icon> <AppBarButton.Flyout> </appbarbutton.flyout></appbarbutton>

リスト項目のデザインを交互に切り替える

Windows ランタイムアプリにはリスト項目の背景色を交互に切り替えるオプションはありませんが、ItemTemplateSelector を利用すればそういったことは実現できます

テンプレートセレクタは強力なデザイン実装手法

XAML を使った UI 構築の実装手法には便利な仕組みがたくさんありますが、自分が最も好きな仕組みは DataTemplateSelector などのテンプレートセレクタです! え?つい最近こんなネタを見たって?ネタがかぶっただけきっと気のせいです!! なんでテンプレー…

3 列未満になるウィンドウ幅の場合はタイルの大きさを小さく表示する GridView

前回の ウィンドウ幅に応じて列数が変化する GridView - しっぽを追いかけて をさらに拡張して、3 列未満になるウィンドウ幅の場合はタイルの大きさを小さく表示する GridView を作ってみようと思います 前回の GridView では幅が狭くなったときもタイルが同…

ウィンドウ幅に応じて列数が変化する GridView

普通はクロススライド(タイルをスクロール方向に交差する下にドラッグさせる)で項目を選択するため原則水平スクロールにするんですが、どうしても!GridView を縦スクロールしたい・・・という場合どうしたらよいか その場合はウィンドウ幅に応じて列数を…

本棚風 GridView をつくる

前回の レスポンシブな大理石風背景を表示する - しっぽを追いかけて をさらに拡張して本棚風にタイルを表示させてみたいと思います 完成イメージはこんな感じ

Windows アプリで表示した 2 画面の表示ウィンドウを交換する

前回書き忘れましたが、ProjectionManager を利用するとタスクバーのプレビューウィンドウも2つになります ここで ProjectionManager.SwapDisplaysForViewsAsync というメソッドを使ってみます

Windows アプリで 2 画面表示する

エバンジェリストの荒井さんから UX ガイドラインが更新されたとのお知らせがあったので、改めて UX ガイドラインを見直してみたところ、見慣れない機能が・・・! プロジェクション マネージャーのガイドライン (Windows) これはなんだ?!ということで動か…

ASP.NET Web API でストアアプリに DB のエンティティオブジェクトを連携する

Windows アプリで Entity Framework(以降 EF)を利用した Web API 経由で DB にアクセスする場合、マイクロソフトのエバンジェリストである鈴木章太郎さんの下記のブログ記事にすでに実装方法が紹介されています ビジネス Windows ストアアプリ開発とアーキ…

差分のみの DB テーブルから最新の情報を SQL で問い合わせてみる

例えば下記のようなテーブルがあった場合に、そのまま利用してもいいですが更新処理を効率化するために差分のみを用意することを考えてみます 2014 年 4 月のブログ投稿記事カテゴリー内訳(BlogTags テーブル)

手書き文字を認識して読み上げてみる

手書き文字の認識率を確かめるために書いた文字を読み上げるサンプルを作ってみました!

MVPVM の Prism をユニバーサルアプリに対応させる(2)

MVPVM の Prism をユニバーサルアプリに対応させる(1)の続きです! Windows Phone 8.1 とコードを共有することで変更が必要になった部分を修正します

いつでも呼び出せるビジーインジケータを作る

ストアアプリには ProgressRing というインジケータ表示に便利なコントロールがあります ただし、このコントロールはアニメーション表示を行うだけなので、インジケータ表示中にユーザー操作をブロックする機能は持っていません というわけでどこでも呼び出…

ダブルクリック/タップで拡大する ScrollViewer をつくる

ScrollViewr の内部に画像を表示すれば、ピンチアウトのジェスチャによって 上記のような感じで拡大表示が行えます

OneDrive に画像をアップロードすると 2048 × 2048 px 以下になる件

Live SDK を利用すれば以下のように簡単に OneDrive にファイルをアップロードできるんですが・・・ var authClient = new LiveAuthClient(); var login = await authClient.LoginAsync(new List<string>() { "wl.skydrive", "wl.skydrive_update" }); if (LiveConne</string>…

続・Windows ストアアプリで画面遷移前のスクロール位置を記憶するための Behavior を作る

以前の記事でスクロール位置を記憶するための Behavior を作りました Windows ストアアプリで画面遷移前のスクロール位置を記憶するための Behavior を作る - しっぽを追いかけて この実装の場合、スクロール位置のオフセットを記憶するのですが、ItemsPanel…

Hub コントロールのスクロール位置によって画面タイトルの色を変える

Windows ストアアプリの Hub 画面で、先頭に背景画像を表示するようにするととてもインパクトがあり印象的になります この場合ヘッダ部分の色を画像の背景と区別しやすい色にすると思いますが スクロールさせると背景とかぶって困ったことに;

ストアアプリで大きな画像を表示する場合の注意点

ストアアプリで大きな画像を表示する場合、 本来こんな感じに表示される画像が こんな風に見切れて表示されてしまうことがあります

ねこの写真や動画を収集するねこストアアプリを作りたい

2月の週末ねこ祭りも終わってしまったし、ねこ写真や動画を収集するねこストアアプリがないかと探してみましたが・・・ 自分の望むようなアプリはまだありませんでした; バックグラウンドでいい感じのねこ写真や動画をダウンロードしまくるストアアプリがほ…

Path の Fill プロパティをコントロールに応じてに遷移させる

Windows ストアアプリで Path をアイコンに使った場合、多少表示負荷は上がりますが画像を利用する場合に比べ解像度による見え方の差が少なく、素材の加工もしやすいので便利です。 ただし、ボタンのアイコンとして単に Path を利用すると上記の一番左のよう…

ねこ好きの ねこ好きによる ねこ好きのための・・・

本日は日本猫の日制定委員会が制定した由緒ある 猫の日 ですよ!!! 語尾に「にゃん」をつけましょう!!

ウィンドウサイズが更新されても Uniform が維持される拡縮可能なビューア画面を作る

文章だと分かりにくいと思いますが ストアアプリでウィンドウ幅が上記のように変化しても全体が見えている状態で縦横比が維持される表示方法(俗にいうサイドパネルやレターボックスというもの)はよく目にします こんな表示を行いつつ、FlipView でページめ…

2月の週末はねこまつり!

来週末からアニマルプラネットのチャンネルで猫番組をひたすら流し続けるねこまつりが始まるらしいです 2月のアニマルプラネットはねこまつり これは見逃せない! 特にジャクソン ギャラクシーの「猫ヘルパー」がイチ押しです