2017-06-12 168 views
0

我有一個linearLayout ImageView與另一個linearLayout的Button重疊的問題。有沒有人有一個想法如何有一個在另一個之上沒有重疊的元素?我試過android:layout_above="@+id/overlappedButton",但imageView仍與我的LinearLayout按鈕重疊。這裏是我的代碼,第二個imageview下應該有三個按鈕,但現在只有一個是可見的。提前致謝。LinearLayout元素與另一個重疊

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/fragment_splash" 
android:orientation="vertical" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="@android:color/black" 
android:gravity="center" 
android:paddingLeft="0dp" 
android:paddingRight="0dp" 
android:layout_marginTop="0dp"> 

<ImageView 
    android:id="@+id/gherboicon" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentEnd="true" 
    android:src="@drawable/splash_icon" 
    android:visibility="invisible"/> 

<ImageView 
    android:id="@+id/gherbo" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_alignParentLeft="true" 
    android:src="@drawable/splash_pic" 
    android:layout_above="@+id/splash_screen_buttons" 
    android:visibility="invisible"/> 

<LinearLayout 
    android:id="@+id/splash_screen_buttons" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:orientation="vertical" 
    android:visibility="invisible"> 

    <Button 
     android:id="@+id/sign_up_splash" 
     android:layout_width="140dp" 
     android:layout_height="40dp" 
     android:layout_marginBottom="15dp" 
     android:background="@drawable/bg_login_red" 
     android:onClick="signup" 
     android:text="Sign Up" 
     android:textColor="@android:color/holo_red_dark" /> 

    <Button 
     android:id="@+id/login_splash" 
     android:layout_width="140dp" 
     android:layout_height="40dp" 
     android:layout_marginBottom="15dp" 
     android:background="@drawable/bg_login_white" 
     android:onClick="login" 
     android:text="@string/btn_signin" 
     android:textColor="@drawable/txt_login_white" /> 

    <Button 
     android:id="@+id/skip_now_splash" 
     android:layout_width="140dp" 
     android:layout_height="40dp" 
     android:background="@android:color/transparent" 
     android:onClick="skipNow" 
     android:text="Skip for now" 
     android:textColor="@color/charcoal" /> 

</LinearLayout> 

enter image description here

+0

哪裏是根的結束標記的LinearLayout –

+1

嘗試調整您的imageviews,也許他們的大屏幕。 – magicleon

+0

或將它們放在'scrollView'中 –

回答

0

使用在XML文件中的以下結構:

<RelativeLayout 
    <LinearLayout> 
     <ImageView/> 
     <ImageView/> 
    </LinearLayout> 

    <LinearLayout 
    android:layout_below="@+id/linearLayoutOne"> 
     <Button/> 
     <Button/> 
     <Button/> 
    </LinearLayout> 
</RelativeLayout> 

包裝既您linearLayouts到一個相對佈局後,您將能夠創建一個通過將第二個LinearLayout放置在第一個LinearLayout之下來實現關係行爲。

0

添加滾動型做出的LinearLayout滾動

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/fragment_splash" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:layout_marginTop="0dp" 
android:background="@android:color/black" 
android:gravity="center" 
android:orientation="vertical" 
android:paddingLeft="0dp" 
android:paddingRight="0dp"> 
<ScrollView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <ImageView 
      android:id="@+id/gherboicon" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentEnd="true" 
      android:src="@drawable/splash_icon" 
      android:visibility="invisible"/> 

     <ImageView 
      android:id="@+id/gherbo" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_above="@+id/splash_screen_buttons" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentRight="true" 
      android:src="@drawable/splash_pic" 
      android:visibility="invisible"/> 

     <LinearLayout 
      android:id="@+id/splash_screen_buttons" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:orientation="vertical" 
      android:visibility="invisible"> 

      <Button 
       android:id="@+id/sign_up_splash" 
       android:layout_width="140dp" 
       android:layout_height="40dp" 
       android:layout_marginBottom="15dp" 
       android:background="@drawable/bg_login_red" 
       android:onClick="signup" 
       android:text="Sign Up" 
       android:textColor="@android:color/holo_red_dark" /> 

      <Button 
       android:id="@+id/login_splash" 
       android:layout_width="140dp" 
       android:layout_height="40dp" 
       android:layout_marginBottom="15dp" 
       android:background="@drawable/bg_login_white" 
       android:onClick="login" 
       android:text="@string/btn_signin" 
       android:textColor="@drawable/txt_login_white" /> 

      <Button 
       android:id="@+id/skip_now_splash" 
       android:layout_width="140dp" 
       android:layout_height="40dp" 
       android:background="@android:color/transparent" 
       android:onClick="skipNow" 
       android:text="Skip for now" 
       android:textColor="@color/charcoal" /> 

     </LinearLayout> 
    </LinearLayout> 
</ScrollView>