2013-07-02 4 views
1

견본 웹 사이트의 홈 페이지 디자인이 필요합니다.'바퀴'에 앱 아이콘 정렬

내 계획은 아이콘을 반원으로 정렬하는 것입니다. 어떻게 안드로이드에서 레이아웃을 구현할 수 있습니까?

누군가가 iOS 용으로 동일한 디자인을 제안 할 수 있습니까? 내 샘플 디자인 sample design

+0

"RelativeLayout"을 사용할 수 있으며 여백을 지정하여 설정할 수 있습니다. –

+0

당신은'table' 또는 그와 비슷한 것을 넣을 수 있습니까? 그렇게하면 이미지 간의 공간을 제어 할 수 있습니다. 'GridView '도 대안이다. – g00dy

+0

@Dhivya 절대 레이아웃을 사용하여이 디자인을 만듭니다. x, y 위치를 기준으로 아이콘을 수정할 수 있습니다. –

답변

0

다음 레이아웃을 사용하십시오. 귀하의 요구 사항에 따라 수정하십시오.

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

위성 정렬 메뉴를 표시하기위한 옵션으로 위성 메뉴를 사용할 수 있습니다. 좋은 애니메이션 효과도 있습니다. 참조 및 소스 코드 refer here.

API 레벨 7 (2.1) 이상에서 작동합니다.

+0

감사합니다. 매우 유용했습니다! – Dhivya