用於在一個圓圈中表示圖像的佈局

Question

我需要爲以下圖像中不同的表情設置不同的ImageView。我應該使用哪種佈局來實現這一點。

two muppets http://imageshack.com/a/img836/5170/lwcg.png

提前感謝！

Answer 1

我認爲你最好的選擇是創建你自己的視圖，並在onDraw方法中執行此操作。

Answer 2

這與圓形佈局相似。查詢here的教程。

並且還有library。也檢查這一點。

Answer 3

你可以使用這種佈局。 爲circle_effect.xml

<gradient 
    android:angle="270" 
    android:endColor="#ffffff" 
    android:startColor="#ffffff" /> 

<stroke 
    android:width="10dp" 
    android:color="#cdcdcd" /></shape> 

對於主

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="300dp" 
    android:layout_marginBottom="20dp" 
    android:layout_marginLeft="10dp" 
    android:layout_marginRight="10dp" 
    android:layout_marginTop="20dp" 
    android:background="@drawable/circle_effect" 
    android:orientation="vertical" > 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" > 

     <ImageView 
      android:layout_width="25dp" 
      android:layout_height="25dp" 
      android:layout_centerInParent="true" 
      android:background="@drawable/man" /> 
    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="-10dp" > 

     <ImageView 
      android:layout_width="25dp" 
      android:layout_height="25dp" 
      android:layout_alignParentLeft="true" 
      android:layout_marginLeft="60dp" 
      android:background="@drawable/man" /> 

     <ImageView 
      android:layout_width="25dp" 
      android:layout_height="25dp" 
      android:layout_alignParentRight="true" 
      android:layout_marginRight="60dp" 
      android:background="@drawable/man" /> 
    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="20dp" > 

     <ImageView 
      android:layout_width="25dp" 
      android:layout_height="25dp" 
      android:layout_alignParentLeft="true" 
      android:layout_marginLeft="18dp" 
      android:background="@drawable/man" /> 

     <ImageView 
      android:layout_width="25dp" 
      android:layout_height="25dp" 
      android:layout_alignParentRight="true" 
      android:layout_marginRight="18dp" 
      android:background="@drawable/man" /> 
    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="20dp" > 

     <ImageView 
      android:layout_width="25dp" 
      android:layout_height="25dp" 
      android:layout_alignParentLeft="true" 
      android:background="@drawable/man" /> 

     <ImageView 
      android:layout_width="25dp" 
      android:layout_height="25dp" 
      android:layout_alignParentRight="true" 
      android:background="@drawable/man" /> 
    </RelativeLayout> 
</LinearLayout> 

我創建僅半部分。