créer une vue circulaire dans Android

Pour la mise en page de chaque cercle, je suggère cette réponse à la question mise en page avec des boutons dans un cercle parce qu'il définit votre article positions par rapport au centre de la enfermant RelativeLayout quelle que soit sa taille. Vous pouvez superposer les deux cercle des mises en page ainsi:

<RelativeLayout ...>
    <RelativeLayout // outer circle
        android:layout_alignParentCenter>
        ...
    </RelativeLayout>
    <RelativeLayout // inner circle
        android:layout_alignParentCenter>
        ...
    </RelativeLayout>
</RelativeLayout>

De rotation de chacun des cercles de manière indépendante, je suggère de suivre cette réponse à la question **Rotation de l'Affichage de la Hiérarchie de 90 Degrés".

Je suis un peu en retard pour répondre, mais pour quelqu'un qui est toujours confronté à ce Problème, Veuillez jeter un oeil à cette Bibliothèque:

https://github.com/sababado/CircularView

Edit:

D'Installation Rapide

L'ajout de la vue d'une mise en page

<com.sababado.circularview.CircularView
android:id="@+id/circular_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:centerBackgroundColor="#33b5e5"
app:centerDrawable="@drawable/center_bg"/> Using the custom attributes requires the following in the layout file. Example

xmlns:app="http://schemas.android.com/apk/res-auto" l'Ajout de Marqueurs

Un Marqueur est un objet visuel "flotte" autour de la vue. Chaque
le marqueur est peut représenter des données ou il peut être simplement pour l'effet visuel.
Les marqueurs doivent être personnalisée par le biais d'un CircularViewAdapter.

public class MySimpleCircularViewAdapter extends
SimpleCircularViewAdapter {
@Override
public int getCount() {
    //This count will tell the circular view how many markers to use.
    return 20;
}

@Override
public void setupMarker(final int position, final Marker marker) {
    //Setup and customize markers here. This is called every time a marker is to be displayed.
    //0 >= position > getCount()
    //The marker is intended to be reused. It will never be null.
    marker.setSrc(R.drawable.ic_launcher);
    marker.setFitToCircle(true);
    marker.setRadius(10 + 2 * position);
} } 

Une fois le CircularViewAdapter mise en œuvre est prêt, il peut être réglé sur une CircularView objet.

mAdapter = new MySimpleCircularViewAdapter(); circularView =
(CircularView) findViewById(R.id.circular_view);
circularView.setAdapter(mAdapter); Receiving click listeners

Cliquez sur événements peut être reçue à partir du CircularView.

À recevoir sur les événements de définir un CircularView.OnClickListener en
circularView.setOnCircularViewObjectClickListener(l).
Par exemple:

circularView.setOnCircularViewObjectClickListener(new
CircularView.OnClickListener() {
 public void onClick(final CircularView view) {
    Toast.makeText(MainActivity.this, "Clicked center", Toast.LENGTH_SHORT).show();
}

public void onMarkerClick(CircularView view, Marker marker, int position) {
    Toast.makeText(MainActivity.this, "Clicked " + marker.getId(), Toast.LENGTH_SHORT).show();
} }); Animation

Il y a quelques animations simples intégré dans la bibliothèque à l'
moment.

Animer Mis En Évidence Le Degré

La CircularView a animateHighlightedDegree(début, fin, durée).
La méthode prend de début et de fin de la position en degrés, et une valeur de type long
pour la durée de l'animation. Les mis en évidence degré se réfère à
quel degré est "mis en évidence" ou "concentré". Lorsqu'un diplôme est concentré
il peut déclencher une secondaire animation automatiquement pour un Marqueur.

Un auditeur peut être configuré pour recevoir un rappel lors de cette animation se termine,
et sur quel objet il s'est arrêté.

circularView.setOnHighlightAnimationEndListener(new
CircularView.OnHighlightAnimationEndListener() {
@Override
public void onHighlightAnimationEnd(CircularView view, Marker marker, int position) {
    Toast.makeText(MainActivity.this, "Spin ends on " + marker.getId(), Toast.LENGTH_SHORT).show();
} }); Marker Animation Options

Marqueurs ont une animation simple associé avec eux; en haut et en bas. Il
pouvez répéter ou il peut se produire une fois. Le CircularView peut déclencher l'
rebond de l'animation lors de la animateHighlightedDegree(début, fin, durée)
est appelé. Le rebond de l'animation peut être désactivée par l'appel de la même
méthode avec un indicateur supplémentaire. Par exemple:

animateHighlightedDegree(début, fin, durée, shouldAnimateMarkers)
En outre, il est de contrôler si un marqueur de rebondir alors qu'il
est mis en surbrillance et tandis que les mis en évidence le degré de la valeur est constante (aka
pas d'animation).

//Permet de marqueurs pour animer en permanence sur leur propre lorsque le
mettez en surbrillance l'animation n'est pas en cours d'exécution.
circularView.setAnimateMarkerOnStillHighlight(true); //Combiner les
ligne ci-dessus par la suite, de sorte que le marqueur à la position de
animer au début.
circularView.setHighlightedDegree(circularView.BAS); ce dernier
ligne est nécessaire dans le cas où le rebond de l'animation devrait également fonctionner
d'abord. Les mis en évidence le degré est fixé à
CircularView.HIGHLIGHT_NONE par défaut.

Proguard

Si l'aide de proguard ajouter les éléments suivants à votre proguard script pour faire
assurer des animations exécuter

# keep setters in Views so that animations can still work.
# see http://proguard.sourceforge.net/manual/examples.html#beans
-keepclassmembers public class * extends android.view.View {    void set*(***);    *** get*(); }
# keep setters in CircularViewObjects so that animations can still work.
-keepclassmembers public class * extends com.sababado.circularview.CircularViewObject {    void set*(***);   
*** get*(); } Developer Hints

Tous les biens qui peuvent être personnalisés sur la CircularViewObject pouvez également
être personnalisés à l'aide d'un Marqueur d'objet. Un Marqueur de l'objet s'étend à partir d'un
CircularViewObject. Le premier est utilisé comme un petit objet qui flotte
autour du centre de l'objet. L'objet du centre est un CircularViewObject.
Par défaut, les marqueurs sont établis dans l'ordre dans lequel ils sont créés;
de sens que si les marqueurs se chevauchent alors le premier marqueur sera partiellement
couverts par le marqueur suivant. Une option peut être définie à attirer l'
mis en évidence marqueur sur le haut des marqueurs à côté d'elle avec
circularView.setDrawHighlightedMarkerOnTop(true);. Le drapeau est faux
par défaut. Tout CircularViewObject peut être caché et le montré
indépendamment des autres objets à l'aide de setVisibility(int) Dans une mise en page
l'éditeur d'utiliser l'attribut editMode_markerCount et
editMode_markerRadius pour voir la taille et la disposition des marqueurs. Pas
la fourniture d'un rayon de montrer le rayon par défaut. C'est exactement ce
il est demandé dans la Question.

J'espère que cette aide.

Utiliser le code XML suivant pour organiser les boutons dans l'ordre circulaire :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".RoundBtn" >
<Button
android:id="@+id/button1"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="222.08203dp"
android:layout_marginTop="270.53426dp"
android:text="1" />
<Button
android:id="@+id/button2"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="162.08203dp"
android:layout_marginTop="314.12678dp"
android:text="2" />
<Button
android:id="@+id/button3"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="87.917960dp"
android:layout_marginTop="314.12678dp"
android:text="3" />
<Button
android:id="@+id/button4"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="27.917960dp"
android:layout_marginTop="270.53423dp"
android:text="4" />
<Button
android:id="@+id/button5"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="5.0dp"
android:layout_marginTop="200.00000dp"
android:text="5" />
<Button
android:id="@+id/button6"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="27.917960dp"
android:layout_marginTop="129.46576dp"
android:text="6" />
<Button
android:id="@+id/button7"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="87.917960dp"
android:layout_marginTop="85.873218dp"
android:text="7" />
<Button
android:id="@+id/button8"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="162.08203dp"
android:layout_marginTop="85.873218dp"
android:text="8" />
<Button
android:id="@+id/button9"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="222.08203dp"
android:layout_marginTop="129.46576dp"
android:text="9" />
<Button
android:id="@+id/button10"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="245.0dp"
android:layout_marginTop="199.99999dp"
android:text="0" />
</RelativeLayout>