安排'輪'中的應用程序圖標

Question

我需要我的主頁設計樣本網站。

我的計劃是將圖標排列在半個圓圈內。 我如何在android中實現佈局？

有人可以提出同樣的iOS設計嗎？ 我的樣本設計

Answer 1

使用以下佈局來實現。根據您的要求修改。

<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> 

Answer 2

您可以使用衛星菜單作爲顯示圓形排列菜單的選項。它也有很好的動畫效果。 僅供參考，並且源代碼refer here。

它在API級別7（2.1）及以上。