ImageView overlay не работает

Question

У меня есть 2 макета в моем xml, CircularImageView и ImageView, а ImageView должен появиться поверх CircularImageView.

Я пробовал:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/fragment_kids_register_ll_kid" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/md_white_1000" 
    android:orientation="horizontal"> 

    <RelativeLayout 
     android:padding="16dp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 

     <com.mikhaellopez.circularimageview.CircularImageView 
      android:id="@+id/fragment_kids_row_img_kids" 
      android:layout_width="70dp" 
      android:layout_height="70dp" 
      android:src="@drawable/ic_boy" 
      /> 

     <ImageView 
      android:id="@+id/fragment_kids_row_iv_crown" 
      android:layout_toRightOf="@+id/fragment_kids_row_img_kids" 
      android:layout_marginLeft="-26dp" 
      android:layout_marginTop="-22dp" 
      android:layout_width="48dp" 
      android:layout_height="48dp" 
      android:src="@drawable/ic_crown"/> 

    </RelativeLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical"> 

     <TextView 
      android:id="@+id/fragment_kids_row_tv_name" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="20dp" 
      android:textColor="@color/md_black_1000" 
      android:textSize="24sp" /> 

     <TextView 
      android:id="@+id/fragment_kids_row_tv_age" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:text="1 ano e 4 meses" 
      android:textColor="#808080" 
      android:textSize="12sp" /> 

    </LinearLayout> 

</LinearLayout> 

И это становится отрезан:

Мне нужно изображение, которое будет показано именно в таком положении в кадре, но не «обрезанные», что мне здесь не хватает?

BTW, этот компонент является частью строки RecyclerView.

EDIT --- Я забыл упомянуть, изображение является просто заполнителем, чтобы показать Аватар, но изображение динамически населено!

Спасибо!

Answer 1

Прокладка (16dp), которую вы применяете к первому relativeLayout, заставляет вас думать, что есть больше места и что вы можете перемещаться по изображению. На самом деле маржа похожа на пробел, она не расширяет ваш макет.

Это решение, которое я предлагаю, используя FrameLayout

<FrameLayout 
    android:layout_width="100dp" 
    android:layout_height="100dp"> 

     <com.mikhaellopez.circularimageview.CircularImageView 
     android:id="@+id/fragment_kids_row_img_kids" 
     android:layout_gravity = "center" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     android:src="@drawable/ic_boy" 
     /> 

    <ImageView 
     android:id="@+id/fragment_kids_row_iv_crown" 
     android:layout_width="48dp" 
     android:layout_height="48dp" 
     android:src="@drawable/ic_crown" 
     android:layout_gravity="right|top" /> 

</FrameLayout> 

EDIT: Вы не должны использовать frameLayout, вы можете использовать RelativeLayout, если вы хотите установить различные поля. Дело здесь в том, чтобы сделать ваш макет более крупным, чтобы вы могли разместить imageview easily.

Answer 2

Если вы хотите, чтобы одно изображение было поверх другого, почему вы используете android:layout_toRightOf?
Снимите его, а второе изображение должно покрыть первый.

Также Вы можете попробовать снять поля со второго изображения и используя centerInParent, centerVertically или centerHorizontally.

Или, может быть, у меня не было всей проблемы), тогда pls предоставляют более подробную информацию. Благодарю.

Answer 3

Вы пробовали использовать редактор изображений, например, Paint/Photoshop и слияние двух изображений? Затем вы можете просто отобразить одно изображение в своем представлении.

Answer 4

попробуйте использовать линейную компоновку с ориентацией, установленной на вертикальную.