如何在Android中创建此布局?

时间:2016-11-30 21:11:35

标签: android android-layout user-interface material-design material-ui

enter image description here

我的问题详情 1-我想让工具栏形状像半圆,前面有灯光颜色 2-创建类似圆圈的圆圈,由圆圈的6个小部分包围,箭头指向每个类别时单击它。 3 - 每个类别应具有适当大小的可点击区域。

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

1 个答案:

答案 0 :(得分:4)

这是由您的设计师设计的自定义布局,Android标准布局可能不符合您的要求。有许多选项可供选择。您需要选择最适合您需求的方法并创建响应式用户界面(在大多数Android设备上正确安装)

选项1:

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

Custom Drawing

Custom Views

Compound Views

选项2: 此选项使用户感觉屏幕的行为与要求相同。

拍摄6个不同的背景图像,中心动态圆圈位于其中央。根据所选值更改背景。并使用RelativeLayout放置菜单图像。如果您看到菜单图像可以使用相对布局轻松放置在背景上,则两个是parent_left,其中两个是parent_right,一个是parent_topcenter,一个是{ {1}}和parent_bottom

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

选项3: 使用开源Widget并根据需要自定义它们。但要注意许可证和/或付费版本以及所有版本。正确阅读条款和条件。

谷歌上有很多可用,我觉得这些是最好的

Circle Menu Widget

Radial Menu Widget

Rotate Menu Widget