Android RelativeLayout allinea il centro di una vista nell'angolo in alto a destra di un'altra vista

Question

Ho esperienza con RelativeLayout ma non ho mai incontrato un modo per risolvere il problema che mi viene presentato (a parte i valori dei margini di codifica rigidi, che voglio . per evitare)

voglio provare a creare qualcosa di simile al seguente immagine in una RelativeLayout:

la scatola è il suo punto di vista e voglio avere la vista che contiene il cerchio arancione essere centrato nell'angolo in alto a destra della vista che contiene la casella blu.

Ho provato con android:alignTop="boxView" e android:alignRight="boxView" ma questo ha messo il mio cerchio arancione completamente nella mia scatola. Voglio che sia così che il cerchio sia centrato sopra l'angolo in alto a destra della scatola.

Qualcuno sa come posso ottenere tale risultato con un RelativeLayout? preferibilmente senza avere margini hardcode lontano dal bordo dello schermo per la vista a punti arancioni.

Answer 1

Questo codice crea ciò che si sta cercando, ma utilizza i margini. Ora puoi impostare il margine nel codice se questa è una struttura dinamica che stai creando. Come puoi vedere ho usato margini negativi per spostare la forma in alto a destra al di fuori della casella blu. Questi devono essere la metà dell'altezza del cerchio che stai cercando di spostare. Puoi fare tutto questo in codice per centrare il cerchio nell'angolo in alto a destra.

<?xml version="1.0" encoding="utf-8"?> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <LinearLayout 
      android:id="@+id/linearLayout1" 
      android:layout_width="100dp" 
      android:layout_height="100dp" 
      android:layout_alignParentBottom="true" 
      android:layout_alignParentLeft="true" 
      android:background="#0000FF" 
      android:orientation="vertical" > 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="26dp" 
      android:layout_height="26dp" 
      android:layout_alignRight="@+id/linearLayout1" 
      android:layout_alignTop="@+id/linearLayout1" 
      android:layout_marginRight="-13dp" 
      android:layout_marginTop="-13dp" 
      android:background="#FF00FF" 
      android:orientation="vertical" > 
     </LinearLayout> 

    </RelativeLayout>