web-dev-qa-db-ja.com

UIで5つのブロックを配置する方法

UIに5つのブロックがあります。

enter image description here

ユーザーの権利に基づいて、これらのブロックは表示されます。たとえば、管理者がサインインすると、すべてのブロックが表示されます。

  • Managerの場合、ブロック番号2、4、5を表示します。
  • チームリードについては、ブロック1と4を表示します。
  • スーパーバイザの場合は、block#1、3、4、5を表示します。また、複数のオプションがある可能性があります(最大2 ^ 5)。

現在、ハードコーディングしています。たとえばManagerの場合、配置は次のように定義されます。

enter image description here

しかし、現在、この取り決めには論理がありません。ブロックを配置するための適切なロジック/式に従う必要がありますか?または、ブロックの各組み合わせをどのように配置するかを決定する必要があります。

前もって感謝します。

2
Ayse

画像では、5つのボックスを表示する2つの最良の方法を示しました。最初のボックスが同じサイズの場合に使用し、2番目のボックスが同じサイズの場合に使用します。

On the image I shown the two best ways you can show 5 boxes the first one you use if the boxes are the same size and the second on you use if the boxes or not the same size.

3
Zoli Hali

左から順に並べてみませんか?行がいっぱいの場合は、次の行を開始します。基本的にiCloud.comが行う方法: enter image description here

2
Bart Gijssens

私は少しクリエイティブになりましたが、おそらくあなたが望む順序ではない番号を付け直しましたが、プレースメントをハードコーディングしている場合は、フォーマットをより見やすくするのに役立ちます。デモのセットアップがあります こちら 。それはあなたがあなたが使用していると言っている組み合わせを全体的な1-5のセットアップと一緒に示しています。それは少し型破りなことですが、箱の外に出ることでニーズに最も合うかもしれません。お役に立てれば。

0
Nick_M