在“轮子”中安排应用程序图标

Question

我需要一个示例网站的主页设计。

我的计划是将图标排列成半圈。 我怎样才能在android中实现布局？

有人可以为iOS推荐相同的设计吗？ 我的样本设计

Answer 1

您可以使用“卫星菜单”作为显示圆形排列菜单的选项。它还具有良好的动画效果.. 供参考和源代码refer here。

适用于 API Level 7（2.1）及以上版本。

Answer 2

使用以下布局来实现这一目标。根据您的要求进行修改。

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_below="@+id/text" >

    <ImageView
        android:id="@+id/img1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/img2"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="20dp"
        android:src="@drawable/ic_action_search" />

    <ImageView
        android:id="@+id/img2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="30dp"
        android:layout_marginTop="30dp"
        android:layout_toLeftOf="@+id/img3"
        android:src="@drawable/ic_action_search" />

    <ImageView
        android:id="@+id/img3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:src="@drawable/ic_action_search" />

    <ImageView
        android:id="@+id/img4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="30dp"
        android:layout_marginTop="30dp"
        android:layout_toRightOf="@+id/img3"
        android:src="@drawable/ic_action_search" />

    <ImageView
        android:id="@+id/img5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/img4"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginRight="20dp"
        android:src="@drawable/ic_action_search" />
</RelativeLayout>