如何制作Z字形布局？

Question

我想创建与以下附加图像相同的zig-zag布局：

我通过创建对角线并用图标排列它们来尝试了很多但是不能使它相同。

我在以下问题的接受答案的帮助下实施了对角线：

1. Diagonal line across view
2. How rotate line in Android XML?

然而，我很难安排带有与图像完全相同的图标的线条。

Answer 1

我创建了这个自定义ZigZagLayout.java文件以满足您的要求。您只需更新第1行中的包名称即可。 它基本上扩展了RelativeLayout，因此您可以像在任何其他ViewGroup类中一样在layout-xmls中使用它。实例化此布局后，只需添加子视图，就像通过RelativeLayout为addView(View child)完成一样。

动态创建视图的示例代码段：

ZigZagLayout zigZagLayout = (ZigZagLayout) findViewById(R.id.layout_zigzag);
Button btn = new Button(this);
btn.setText("Test Button");
btn.setLayoutParams(new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT));
zigZagLayout.addView(btn);

我还为此ZigZagLayout添加了几个接口，以便您轻松进行交互，例如设置连接线行程宽度，可见性，颜色，边距等的功能。

尝试一下，让我知道它是否满足您的要求。欢呼声。

Answer 2

如果你有每个圆形项目的布局，你可以使用相对布局来对齐它们，使用align_below，align_left和margin，align_right和margin标签。 请提供更多详细信息，连接它们的线路以及UI和功能的所有要求。