下のような収款画面の実装#
インターフェース分析#
- 黒い半透明の背景
- navigationBar の下にある緑の headerView
- スキャンボックスと緑の動的スキャンラインの実装
- スキャンボックスの下のヒントテキスト
黒い背景の実装は、想像とは異なるかもしれません。下の図を参照してください（図中の 1/2/3 は異なる部分を示しているだけで、順序ではありません）。まず、backView を配置し、次に中央のスキャンボックス 3 を配置し、その後上下左右の 4 つの 1 を配置し、最後に headerView とヒントテキスト 2 を配置します；
