2014-05-13 59 views
1

enter image description here重疊的ImageView或佈局上線Android中Intentionnaly

在圖片中你可以看到我想創造什麼樣的結果。

其實我的佈局代碼是:

`

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

線停留在畫面的頂部,不來下it.How我可以創建一個圖片,根據去另一?

+0

發佈的屏幕截圖爲同一 –

+0

好吧,我張貼的實際結果 實際:http://imgur.com/R9IQSq0 我想要什麼:HTTP:/ /i.stack.imgur.com/lDSph.png –

+0

使用framelayout –

回答

0

最後我做了一個其他的方式...

我創建了一個背景圖片與灰線「bg_detail_price」瞧:) 簡單這樣

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

試試這個,它會幫助你,在這裏我使用marginTop在負面得到圖像下的線。 。

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

根據您的需要

+0

nginger MarginTop ...... smartmove我從來沒有想過它可以工作我會嘗試。 –

0

它的退出簡單,包住線性佈局內的視圖調整marginTop。

對於Android,始終建議使用相對佈局。它作爲一種魅力運行良好,您也可以要求與其他同伴觀點的放置有關的意見。

1)優先使用match_parent而不是fill_parent。 2)對於圖像嘗試使用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" />