2

enter image description here如何在Android中创建此布局?

我在细节问题 1 - 我想使工具条形状像在它的前面有灯光颜色半圈 2-创造这样的它有一个圆的6小件包围的圈子箭头指向点击时的每个类别。 3 - 每个类别应具有合适的可点击区域大小。

任何提示或教程可以帮助我实现这种布局?

+0

什么是这里的预期作用?我明白所有类别都是可点击的。那中间的圈子呢?你可以用它做些什么,或者它只是一个静态图像? –

+0

@MarcinJedynak小箭头在点击这个类别时有动态移动,它指向它。 –

+2

我认为你正在查看自定义视图,并通过自定义命中跟踪手动绘制它。它非常非矩形,以便布局文件运行良好。 –

回答

4

这是由您的设计师设计的自定义布局,Android标准布局可能不符合您的要求。将会有很多选项可供继续。你需要选择的方法马赫最好你的要求,并创建响应的用户界面(在大多数的Android设备的配件正确)

选项1:

完全设计布局从设计师采取不同的菜单图像。创建您的自定义小部件类。根据选定的值绘制中心圆。每次用户点击任何菜单项时刷新布局。在这里您需要编写自己的逻辑来捕获不同的onClickonTouch事件。 这个选项重新获得了很多逻辑,但是你会得到更多的准确性。我更喜欢这个选项。你可以通过下面的链接了解在android中创建自定义小部件。

Custom Drawing

Custom Views

Compound Views

选项2: 这个选项是让用户感觉屏幕表现相同的要求。

以6个不同的中心动态圆圈背景图像为中心。根据所选值更改背景。并使用RelativeLayout放置菜单图像。如果您看到菜单图像可以使用相对布局轻松放置在背景上,因为两个是parent_left,两个是parent_right,一个是parent_topcenter,一个是parent_bottomcenter

这是最容易实现的选项,可能会降低准确性,但您可以随时告诉设计师根据您的布局稍微调整中心。对于这样的用户界面来说,开发人员和设计师都必须对一些事情进行调整

选项3: 使用开源Widget并根据需要进行自定义。但要注意许可和/或付费版本等等。正确阅读条款和条件。

许多都可以在谷歌,我觉得这些都是最好的

Circle Menu Widget

Radial Menu Widget

Rotate Menu Widget