在Android中故意重叠图像视图或布局onLine

Question

在图片中，您可以看到我想要创建的结果。

实际上我的布局代码是：

`

        <View
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:layout_marginBottom="5dp"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:background="#A1A1A1"
            android:orientation="vertical" />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="60dp"
            android:layout_marginBottom="20dp" >

            <TextView
                android:id="@+id/txtTitleDetail"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:gravity="center_vertical"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="#000000"
                android:textSize="16sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/txtPriceDetail"
                android:layout_width="60dp"
                android:layout_height="fill_parent"
                android:layout_marginRight="30dp"
                android:background="@drawable/price_circle_background"
                android:gravity="center"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="@color/blue_amount" />
        </LinearLayout>`

这条线留在图片的顶部，不要在它下面。我怎样才能创建一张在另一张图片下面的图片？

Answer 1

您好，您可以使用FramLayout。你会得到相同的结果。浏览这些链接click here，click here

Answer 2

尝试这个它会帮助你，在这里我使用marginTop in negative来获得图像下的线。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
android:id="@+id/mainActLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<View
    android:layout_width="fill_parent"
    android:layout_height="5dp"
    android:layout_marginTop="150dp"
    android:background="#000022" />

<ImageView
    android:id="@+id/logoBackgroundImg"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="-30dp"
    android:background="@drawable/ic_launcher"
    android:scaleType="fitCenter" /></LinearLayout>

根据您的需要调整marginTop

Answer 3

它退出简单，将视图包裹在线性布局中。

对于Android，始终建议使用相对布局。它可以很好地作为一个魅力，你也可以要求放置与其他伴侣视图的位置相关的视图。

1）首选使用match_parent而不是fill_parent。 2）for Images尝试使用wrap_content作为高度和宽度参数。

试试这个：

   <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="70dp"
    android:orientation="horizontal" >

    <!-- View for the text to the left of the picture -->
    <TextView
        android:id="@+id/txtTitleDetail"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/txtPriceDetail"
        android:gravity="center_vertical"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:ellipsize="end"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="#000000"
        android:textSize="16sp"
        android:textStyle="bold" />

     <!-- If you wish to add pictures, go for ImageViews, 
      as they are optimized for their purpose. -->
    <ImageView
        android:id="@+id/txtPriceDetail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="30dp"
        android:layout_alignParentRight="true"
        android:background="@drawable/price_circle_background"
        android:layout_centerVertical="true"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@color/blue_amount" />


    </RelativeLayout>

    <!-- View for the horizontal line of 1 dip -->
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginBottom="5dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:background="#A1A1A1" />

Answer 4

最后我以另一种方式做到了......

我用灰线＆＃34; bg_detail_price＆＃34;创建一个背景图片。和瞧:) 比较简单

http://imgur.com/qGJWHsm

最终结果是。

http://imgur.com/56ETZS0

---

<LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="60dp"
            android:layout_marginBottom="20dp"
            android:background="@drawable/bg_detail_price" >

            <TextView
                android:id="@+id/txtTitleDetail"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center_vertical"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"
                android:paddingTop="15dp"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="#000000"
                android:textSize="16sp" />

            <LinearLayout
                android:layout_width="55dp"
                android:layout_height="55dp"
                android:layout_marginRight="35dp"
                android:background="@drawable/price_circle_background"
                android:orientation="vertical" >

                <TextView
                    android:id="@+id/txtEarn"
                    android:layout_marginTop="11dp"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="@string/txt_earn"
                    android:textColor="@color/blue_amount"
                    android:textSize="12sp" />

                <TextView
                    android:id="@+id/txtPriceDetail"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:textColor="@color/blue_amount"
                    android:textSize="12sp" />
            </LinearLayout>
        </LinearLayout>