How can I align my buttons around a half circle ImageView proportionally?

Question

Following image is what I achieved so far. However, I want to align my buttons proportionally around the half circle. Can you please help me out?

Here is my xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="horizontal">



    <ImageView
        android:id="@+id/halfcircle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/halfcircle"
        android:layout_centerVertical="true" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/halfcircle">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginBottom="30dp"
            android:background="@color/red"
            android:padding="10dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button 1"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginBottom="30dp"
            android:layout_marginLeft="10dp"
            android:background="@color/red"
            android:padding="10dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button 1"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginBottom="30dp"
            android:layout_marginLeft="10dp"
            android:background="@color/red"
            android:padding="10dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button 1"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginBottom="30dp"
            android:layout_marginLeft="10dp"
            android:background="@color/red"
            android:padding="10dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button 1"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginBottom="30dp"
            android:background="@color/red"
            android:padding="10dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button 1"/>
        </LinearLayout>



    </LinearLayout>



</RelativeLayout>

possible duplicate of [Dynamically arrange some elements around a circle](http://stackoverflow.com/questions/10152390/dynamically-arrange-some-elements-around-a-circle) — Szabolcs Páll, Aug 26 '15 at 07:17

score 0 · Answer 1 · answered Sep 06 '15 at 20:06

0

In case anybody else want to achieve similar thing, this library helped me out: https://github.com/ogaclejapan/ArcLayout

answered Sep 06 '15 at 20:06

Figen Güngör

12,169
14
66
108

How can I align my buttons around a half circle ImageView proportionally?

1 Answers1