周辺の技術を使ってあそんだり、どうすればいろんな人の仕事の環境がよくなるかを考えたり、ビールを飲んで昼寝したりしています。当ブログは個人の趣味の活動の一環です。記載された内容によって生じた損害等の一切の責任を負いかねます。UIチャレンジ!UI100本ノックに挑戦します」の#002です。checkout」です。クレジットカードでの決済画面ですね。実際にはセキュリティの要件からペイメントサービスに飛ばすケースが多いみたいですが、UIの練習ですのであまり難しく考えず、画面を作ってみました。Shopのクレジット決済画面こんなイメージになりました。ショップ名もカード情報ももちろんニセモノです。構成要素カード情報にはこんなものがありますね。保有者の氏名カード番号カードの有効期限セキュリティコードまた、決済画面にはこんな情報がありそうです。い合計額デザインのエッセンス今回はカード種別ごとに背景画像を作って、データのラベルと組み合わせています。カードのカラーはブランドのテーマに合わせてみました。PowerAppsのギャラリーは、スクロールバーを出さずに左右(または上下)に切り替えのナビゲーションを出すこともできます。カードの選択部分はこの方法を使っています。ナビゲーションがちょっと小さいですね...(変えられないようです)スクロール操作自体は殺せないみたいです。fold)WordPress.com.投稿先:キャンセル%d人のブロガーが「いいね」をつけました。