Android RelativeLayout căn giữa của một chế độ xem ở góc trên cùng bên phải của chế độ xem khác

Question

Tôi có kinh nghiệm với RelativeLayout nhưng tôi chưa bao giờ chạy qua một cách để giải quyết vấn đề tôi đã trình bày (ngoài các giá trị ký quỹ cứng mà tôi muốn . để tránh)

tôi muốn cố gắng tạo ra một cái gì đó giống như hình ảnh sau đây trong một RelativeLayout:

hộp Chế độ xem riêng của mình và tôi muốn để có được Xem có chứa vòng tròn màu cam được căn giữa ở góc trên cùng bên phải của Chế độ xem có chứa hộp màu xanh lam.

Tôi đã thử với android:alignTop="boxView" và android:alignRight="boxView" nhưng điều đó đặt vòng tròn màu cam của tôi hoàn toàn trong hộp của tôi. Tôi muốn nó được như vậy mà vòng tròn là trung tâm trên góc trên bên phải của hộp.

Bất kỳ ai biết cách tôi có thể nhận kết quả đó bằng RelativeLayout? tốt nhất là không cần phải cố định lề cứng ra khỏi cạnh của màn hình để xem dấu chấm màu da cam.

Answer 1

Mã này tạo ra những gì bạn đang tìm kiếm nhưng sử dụng lề. Bây giờ bạn có thể thiết lập lề trong mã nếu đây là cấu trúc động mà bạn đang tạo. Như bạn có thể thấy tôi đã sử dụng lề âm để di chuyển hình dạng bên phải phía trên bên ngoài hộp màu xanh lam. Chúng cần phải bằng một nửa chiều cao của vòng tròn mà bạn đang cố di chuyển. Bạn có thể thực hiện tất cả điều này trong mã để căn giữa vòng tròn ở góc trên bên phải.

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