しっぽを追いかけて

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

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

レスポンシブデザイン

【Win10 Pre】 UWP アプリで Windows Phone 向けだけメニューを画面下部に表示したい

前回 は SplitView でサイドメニュー式の画面をもつ UWP アプリを作りました これをそのまま Windows Phone で利用することもできなくはないのですが、懸念点があります Screen sizes and break points for responsive design - Windows UWP applications | …

【Win10 Pre】 Pintarest 風レイアウトな SplitView の UWP アプリをつくる

UWP にはレスポンシブデザイン色の強くなった UI コントロールがいくつか追加されました 中でも SplitView は気軽にレスポンシブなサイドメニューつきレイアウトを実現できるコントロールなので便利です そこでこの SplitView を使った Pintarest 風レイアウ…

Xamarin.iOS で画面の回転を検知する

すでに GitHub にアップしているソースには含まれているのですが、Xamarin.iOS で画面の回転を検知する方法を紹介します moonmile さんがすでに XamarinでAndroid/iOS/Windowsストアの回転に対応する | Moonmile Solutions Blog の記事の中でこの手の実装方…

シンプルタイマーアプリのソースをアップ

少し前に作ったタイマーアプリのソースを GitHub の下記に公開しました matatabi-ux/SimpleTimer · GitHub Prism フレームワークも最新のユニバーサルアプリ対応版に差し替えたのでどこまで Shared Project に共有で配置できるかと試してみたら・・・

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

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

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

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

本棚風 GridView をつくる

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

レスポンシブな大理石風背景を表示する

こんな感じの背景を表示させる場合、一枚画像で表示すると解像度が変化したときに柄が崩れたり、グラデが汚くなったりするのであまりよくありません これをレスポンシブに解像度に合わせてきれいに表示されるようにしたいと思います