Comment puis-je obtenir une image légèrement sur la bordure linéaire supérieure?

Question

J'essaie d'afficher la liste des critiques les plus élevées en tant que cartes à défilement horizontal et chaque carte comme indiqué dans le image ci-joint. image de l'utilisateur devrait être un peu plus la frontière de mise en page, je me suis lassé

android: layout_marginTop = "- 15dp"

mais il coupe haut de l'image.

Voici le code que j'ai: Toute aide est appréciée, Merci d'avance.

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/my_shape" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal"> 

     <ImageView 
      android:id="@+id/cardrank" 
      android:layout_width="100dp" 
      android:layout_height="100dp" 
      android:layout_gravity="top|start" 
      android:layout_marginTop="-15dp" 
      android:layout_weight="1" 
      android:src="@drawable/test" /> 

     <TextView 
      android:id="@+id/cardtitle" 
      style="@style/TextAppearance.AppCompat.Large" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="25dp" 
      android:layout_weight="3" 
      android:gravity="center" 
      android:text="Card title" 
      android:textColor="#cc0000" 
      android:textStyle="bold" /> 

    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="15dp" 
     android:orientation="horizontal"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:orientation="vertical"> 


      <TextView 
       style="@style/TextAppearance.AppCompat.Headline" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="20dp" 
       android:text="30" 
       android:textStyle="bold" /> 

      <TextView 
       android:id="@+id/cardfollowers" 
       style="@style/TextAppearance.AppCompat.Medium" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="10dp" 
       android:text="followers" 
       android:textStyle="bold" /> 

     </LinearLayout> 

     <View 
      android:layout_width="2dp" 
      android:layout_height="match_parent" 
      android:background="@android:color/darker_gray" /> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:orientation="vertical"> 

      <TextView 
       style="@style/TextAppearance.AppCompat.Headline" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="20dp" 
       android:text="30" 
       android:textStyle="bold" /> 

      <TextView 
       android:id="@+id/cardreviews" 
       style="@style/TextAppearance.AppCompat.Medium" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="10dp" 
       android:text="reviews" 
       android:textStyle="bold" /> 

     </LinearLayout> 

    </LinearLayout> 

    <Button 
     android:id="@+id/cardfollowbutton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_marginTop="20dp" 
     android:text="Follow" /> 

</LinearLayout> 

Answer 1

Vous pouvez simplement ajouter une autre couche de vues pour envelopper votre vue racine, par exemple, RelativeLayout. A l'intérieur, une vue sera votre vue racine avec l'arrière-plan my_shape et les secondes seront l'image. Dans RelativeLayout, l'ordre des éléments sur l'axe Z sera leur ordre dans le XMl, de sorte que l'image sera au-dessus de la disposition my_shape.

Puis ajustez simplement l'image au bon endroit au-dessus de la vue my_shape.