Android如何实现基于箭头的布局?

问题描述

我想知道如何实现这样的基于箭头的布局:

enter image description here

enter image description here

enter image description here

enter image description here

关于使用什么布局来使用此应用程序以实现该布局的任何想法?似乎是一种交错网格布局?还是正在使用库或自定义布局?我该如何实现类似的目标?

解决方法

所以这就是我要做的事情。

我制作了一堆自定义视图。

自定义视图1: 宠物小精灵查看。 这是一个常规的约束布局或CardView,其中包含显示神奇宝贝,它的名称以及所有其他内容的所有项目。

自定义视图2 EvolutionPokeminView。 这是一个自定义约束布局,其中包含PokemonView,The Arrow ImageView(以及下面的TextView)以及将箭头放置在不同方向的辅助方法。

例如: setArrowDirection(int direction)\ direction是所有方向(top,topLeft,topRight ..等)的一种枚举。

另一种帮助方法是setArrorPosition, setArrowPosition(int方向)

然后,使用箭头方向方法将正确的箭头图像设置到arrowImageView中,并使用箭头位置方法使用ConstraintSet以编程方式设置箭头相对于神奇宝贝图像的正确位置。

然后,您准备一些通用布局以用于不同的数据集并相应地填充它们。

使此方法有效所需的知识。 如何在Android中制作自定义视图。 如何有效使用ConstraintLayout。 如何使用ConstraintSet以编程方式编辑ConstraintLayout约束。

,

这很容易...为回收者视图创建子布局时。您需要为这些箭头添加一个额外的imageView ...在主活动中,只需将这些箭头图像分配给该imageView值。