android - 在“轮子”中排列应用程序图标

Question

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

我的计划是将图标排列成半圈。我如何在android中实现布局？

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

Answer 1

您可以使用卫星菜单作为显示圆形排列菜单的选项。它也有很好的动画效果。参考和源代码参考这里。

它适用于API 级别 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>