2017-06-12 81 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>