android - salto - ¿Cómo agregar una línea horizontal de 1px sobre la vista de la imagen en un diseño relativo?

salto de linea en instagram iphone

Question

¿Cómo agrego una línea blanca horizontal de 1px sobre la vista de la imagen en un diseño relativo?

<RelativeLayout
android:id="@+id/widget38"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="108px"
android:layout_y="87px"
>  
<ImageView
android:id="@+id/widget39"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
>  
</ImageView>  
</RelativeLayout>

Answer 1

Considere mover el diseño de la línea a un archivo separado:

<!-- horizontal_line.xml -->
<?xml version="1.0" encoding="utf-8"?>
<View
    style="@style/HorizontalLine" />

... haciendo referencia a una definición de estilo personalizado:

<!-- styles.xml -->
<style name="HorizontalLine">
    <item name="android:layout_width">fill_parent</item>
    <item name="android:layout_height">@dimen/horizontal_line_height</item>
    <item name="android:background">@color/horizontal_line_fill_color</item>
    <item name="android:layout_marginTop">@dimen/large_spacer</item>
    <item name="android:layout_marginBottom">@dimen/large_spacer</item>
</style>

... y luego puedes include en tu diseño:

<RelativeLayout
    android:id="@+id/widget38"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_x="108px"
    android:layout_y="87px" >

    <include
        android:id="@+id/horizontal_line"
        layout="@layout/horizontal_line" />

    <ImageView
        android:id="@+id/widget39"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/horizontal_line"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true" />

</RelativeLayout>

Answer 2

Solo agregue la siguiente línea en su XML donde lo desee.

<View android:background="#ffffff" 
      android:layout_width = "match_parent" 
      android:layout_height="1dp"/>

Editar: Prueba esto:

<RelativeLayout
android:id="@+id/widget38"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="108px"
android:layout_y="87px"
>
<View android:id="@+id/separator" 
 android:background="#ffffff" 
 android:layout_width = "fill_parent"
 android:layout_height="1dip"
 android:layout_centerVertical ="true"
 android:layout_alignParentTop="true"/>
<ImageView
 android:id="@+id/widget39"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_below="@id/separator"
 android:layout_alignParentRight="true"
/>  
</RelativeLayout>