More Related Content
Similar to 20191209 JXUGC #26 平日エディション 発表資料. 「Xamarin.Formsの標準UIでどこまでできるナウなUI」 (16)
20191209 JXUGC #26 平日エディション 発表資料. 「Xamarin.Formsの標準UIでどこまでできるナウなUI」
Editor's Notes
- 自分以外の人にとってアプリの機能以前に見た目で足切りされることがおおい
- あまりにもダサくて, もっとどうにかならないのかな, と真剣に考えた.
これも今回の発表の動機だったりします.
- 必ずしもXamarin.Formsを選んでほしい!
というわけではなく, 候補の一つになれたらな,と思います.
- Hello worldまでがこれほどスムーズに進むフレームワークは無い気がします.
- 先程ももうしましたが
- ここからはなすことは
- まずはおしゃれなUIとはどういうものかを見てみましょう
左からTwitter, facebook, Instagram
- ナウなアプリで使われているUIの要素をピックアップしてみました.
- ポップアップというらしい
- とにかく丸ければおしゃれという風潮
- みんな大好きLike!
インタラクティブだと気持ちもあがります
- 見た目を実現するための「機能」は揃っているということ
- ポップアップルメニューというらしい
- 簡単にポップアップメニューとタブを追加することができます.
- FlyoutItemの中にShellContentを入れてページを指定するだけで,タブが作られ,
タブをタップするとそれぞれのページが表示されます.
シンプルで直感的.
-
加えて,スワイプしたときのポップアップルメニューも自動的に用意される.
見た目を調整したければ手を加えることもできる.
- ヘッダーの追加も簡単にできるので,手間なく簡単におしゃれなUIの土台が作れる
- おしゃれなUIには欠かせない要素
項目をリストとしてスクロール表示させるだけであれば, ListViewでも構わない
でもCollectionViewにはカルーセルを実現するために重要な機能がある
これは後で紹介:スナップ機能
- 列数も,方向も変えられる
- これもよく見る動作
このように柔軟な表示方法を設定することができる.
カルーセルや項目を並べるといったUIを作ることができる
- ButtonについてはButton自体で丸くすることができるけど
- 見た目を整える上でとても便利なコントロール
- 見た目を整える上でとても便利なコントロール
- 見た目を整える上でとても便利なコントロール
- ただ色が変わるだけでは少々物足りなく感じてしまいます
- ユーザーの操作に対して何かしらの反応があると,アプリケーションも生き生きしてきます.
例えばよくあるライクボタンですが,
押して画像が変わるだけではいまいちですが,アニメーションを使うと違ってきます.
Like数を表す数字もフリップさせるなどアニメーションをつけるとなお良いと思います.
無限Likeができるので精神衛生上もよろしい
- 若干速く
- ちょっとうるさい感じですが.
画面外から差し込まれるような表現もできます.
- みんな大好きTwitter.
フォロワーリストを表示させるとこんな画面が表示されます.
- 完全に一致.
好きなだけフォローできます.
- 自動でLikeとFollower数が上がっていく優しい仕様
- でもおしゃれ.
- というか,おしゃれな人が使っているアプリ
おしゃれじゃない人が使うとラーメンの画像だらけ
- カルーセルは当たり前
- LikeのないSNSアプリなんて存在価値がない
- 当たり前
- これも当然
- 黒くてわかりにくいけれど
角が丸くないなんて考えられない
- というか,おしゃれな人が使っているアプリ
おしゃれじゃない人が使うとラーメンの画像だらけ
- というか,おしゃれな人が使っているアプリ
おしゃれじゃない人が使うとラーメンの画像だらけ
- Xamarin.Formsに少しでも興味を持っていただくきっかけにでもなればこの上なく嬉しく思います.