2013-11-14 15 views
0

我在主活動的頂部添加了一個ImageView。我想知道是否有一個屬性丟失或導致重疊?有沒有辦法解決這個問題,而不改變相對佈局?我已經發布了下面的XML。爲什麼ImageView與用戶界面重疊?

所以最初的UI看起來是這樣的:

Normal:

並經過添加它完全蓋過輸入框的ImageView:

enter image description here

<ScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:fillViewport="true" 
    android:gravity="center_vertical" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context=".MainActivity" 
    > 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="50dp" 
     android:orientation="vertical" > 

    <EditText 
     android:id="@+id/ductDepth" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_above="@+id/calc" 
     android:layout_centerHorizontal="true" 

     android:layout_marginBottom="37dp" 
     android:ems="10" 
     android:hint="@string/enter_duct_depth_mm" 
     android:inputType="numberDecimal" 
     android:singleLine="true" > 

     <requestFocus /> 
    </EditText> 

    <EditText 
     android:id="@+id/offDepth" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_above="@+id/textView3" 
     android:layout_alignLeft="@+id/ductDepth" 
     android:layout_marginBottom="14dp" 
     android:ems="10" 
     android:hint="@string/enter_offset_depth_mm" 
     android:inputType="numberDecimal" 
     android:singleLine="true" /> 

    <EditText 
     android:id="@+id/offLength" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_above="@+id/textView2" 
     android:layout_alignLeft="@+id/offDepth" 
     android:layout_marginBottom="20dp" 
     android:ems="10" 
     android:hint="@string/enter_offset_length_mm" 
     android:inputType="numberDecimal" 
     android:singleLine="true" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="50dp" 
     android:layout_above="@+id/offDepth" 
     android:layout_alignLeft="@+id/offDepth" 
     android:text="Depth:" 
     android:textSize="30sp" /> 

    <TextView 
     android:id="@+id/textView3" 
     android:layout_width="wrap_content" 
     android:layout_height="50dp" 
     android:layout_above="@+id/ductDepth" 
     android:layout_alignLeft="@+id/ductDepth" 
     android:text="Duct Depth:" 
     android:textSize="30sp" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="match_parent" 
     android:layout_height="50dp" 
     android:layout_above="@+id/offLength" 
     android:layout_alignLeft="@+id/offLength" 
     android:text="Length:" 
     android:textSize="30sp" /> 



    <android.support.v4.view.ViewPager  
    android:id="@+id/pager" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/calc" > 

    <!-- 
    This title strip will display the currently visible page title, as well as the page 
    titles for adjacent pages. 
    --> 

    <android.support.v4.view.PagerTitleStrip 
     android:id="@+id/pager_title_strip" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="top" 
     android:background="#33b5e5" 
     android:paddingBottom="4dp" 
     android:paddingTop="4dp" 
     android:textColor="#fff" /> 

</android.support.v4.view.ViewPager> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="700dp" 
     android:layout_height="700dp" 
     android:layout_above="@+id/textView1" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="5dp" 
     android:src="@drawable/mark3" /> 

    <Button 
     android:id="@+id/calc" 
     android:layout_width="200dp" 
     android:layout_height="70dp" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="26dp" 
     android:background="@drawable/calcbttrans" /> 

</RelativeLayout> 

</ScrollView> 
+3

這就是相對佈局。 – njzk2

+0

同意@ njzk2。 –

+0

所以如果有辦法解決這個問題,或者我將不得不改變佈局? –

回答

2

您使用的是相對可以將UI元素置於其他元素之上的佈局,針對您的情況,我建議使用ca n垂直或水平放置UI元素。

+0

因此,如果我將標籤更改爲線性佈局,它不會像這樣重疊?這是否會影響我的佈局,如果它包含在滾動視圖中? –

+0

您應該可以在滾動視圖中使線性佈局工作得很好。然而,按鈕需要保持相對佈局才能在底部,除非您對它不在屏幕的底部進行處理。 – Reshurum

+0

好吧我試過了,現在我的佈局都搞砸了。 –

相關問題