Note that there are some explanatory texts on larger screens.

plurals
  1. POMargin issue w/ Android layouts (ScrollView & Linear)
    primarykey
    data
    text
    <p>The issue:</p> <p>I am attempting to remove the space between the images/views so that it looks as if the background is actually one image. Different approaches or a way to fix this issue would be appreciated.</p> <p>Example Image : <img src="https://i.stack.imgur.com/wj3g9.png" alt="enter image description here"></p> <pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:background="#edeab5"&gt; &lt;ImageView android:id="@+id/bgnewsfeedtop" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginLeft="5dp" android:layout_marginRight="5dp" android:layout_marginTop="5dp" android:layout_marginBottom="0dp" android:src="@drawable/newsfeedtop" /&gt; &lt;LinearLayout android:id="@+id/linearLayout2" android:layout_width="fill_parent" android:layout_height="0dip" android:layout_margin="0dp" android:layout_weight="1" android:orientation="horizontal" &gt; &lt;ImageView android:id="@+id/bgnewsfeedleft" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_marginRight="0dp" android:layout_marginTop="0dp" android:layout_marginBottom="0dp" android:src="@drawable/newsfeedleft" /&gt; &lt;ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/scroller" android:layout_width="wrap_content" android:layout_height="fill_parent" android:fillViewport="true" android:src="@drawable/newsfeedbg" &gt; &lt;LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:cacheColorHint="@android:color/transparent" android:orientation="vertical" &gt; &lt;ImageView android:id="@+id/btn1_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:src="@drawable/filler" /&gt; &lt;ImageView android:id="@+id/btn2_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:src="@drawable/filler" /&gt; &lt;ImageView android:id="@+id/btn3_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:src="@drawable/filler" /&gt; &lt;ImageView android:id="@+id/btn4_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:src="@drawable/filler" /&gt; &lt;ImageView android:id="@+id/btn5_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:src="@drawable/filler" /&gt; &lt;ImageView android:id="@+id/btn6_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:src="@drawable/filler" /&gt; &lt;ImageView android:id="@+id/btn7_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:src="@drawable/filler" /&gt; &lt;/LinearLayout&gt; &lt;/ScrollView&gt; &lt;ImageView android:id="@+id/bgnewsfeedright" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="0dp" android:layout_marginRight="5dp" android:layout_marginTop="0dp" android:layout_marginBottom="0dp" android:src="@drawable/newsfeedright" /&gt; &lt;/LinearLayout&gt; &lt;ImageView android:id="@+id/bgnewsfeedbot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginLeft="5dp" android:layout_marginRight="5dp" android:layout_marginTop="0dp" android:src="@drawable/newsfeedbot" /&gt; &lt;LinearLayout android:id="@+id/linearLayout1" android:layout_width="fill_parent" android:layout_height="75dp" android:orientation="horizontal" &gt; &lt;ImageView android:id="@+id/menu_house_manager" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager2" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager3" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager4" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:id="@+id/linearLayout2" android:layout_width="fill_parent" android:layout_height="100dp" android:layout_alignParentLeft="true" android:orientation="horizontal" &gt; &lt;ImageView android:id="@+id/menu_house_manager" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager2" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager3" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager4" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; </code></pre> <p>EDIT****</p> <p>After help was provided, revised code and image:</p> <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#edeab5" &gt; &lt;View android:id="@+id/newstop" android:layout_width="fill_parent" android:layout_alignParentTop="true" android:layout_height="15dp" android:layout_marginTop="10dp" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:background="@drawable/newsfeedtop" /&gt; &lt;View android:id="@+id/newsleft" android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_marginLeft="10dp" android:background="@drawable/newsfeedleft" android:layout_toLeftOf="@+id/scroller" android:layout_below="@+id/newstop" android:layout_above="@+id/newsbottom" /&gt; &lt;View android:id="@+id/newsleft" android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_marginRight="10dp" android:background="@drawable/newsfeedright" android:layout_toRightOf="@+id/scroller" android:layout_below="@+id/newstop" android:layout_above="@+id/newsbottom" /&gt; &lt;ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/scroller" android:layout_width="wrap_content" android:layout_height="150dp" android:layout_centerInParent="true" android:fillViewport="true" android:background="#000000" android:layout_below="@+id/newstop"&gt; &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#cc0000" &gt; &lt;ImageView android:id="@+id/btn1_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:background="#000000" android:contentDescription="@string/app_name" /&gt; &lt;ImageView android:id="@+id/btn2_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:layout_below="@id/btn1_news_feed" android:background="#000000" android:contentDescription="@string/app_name"/&gt; &lt;ImageView android:id="@+id/btn3_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:layout_below="@id/btn2_news_feed" android:background="#000000" android:contentDescription="@string/app_name" /&gt; &lt;ImageView android:id="@+id/btn4_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:layout_below="@id/btn3_news_feed" android:background="#000000" android:contentDescription="@string/app_name" /&gt; &lt;ImageView android:id="@+id/btn5_news_feed" android:layout_width="280dp" android:layout_height="50dp" android:layout_gravity="center_horizontal" android:layout_margin="2dp" android:layout_below="@id/btn4_news_feed" android:background="#000000" android:contentDescription="@string/app_name" /&gt; &lt;/RelativeLayout&gt; &lt;/ScrollView&gt; &lt;View android:id="@+id/newsbottom" android:layout_width="fill_parent" android:layout_height="15dp" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:background="@drawable/newsfeedbot" android:layout_below="@+id/scroller" /&gt; &lt;LinearLayout android:id="@+id/buttonsrow1" android:layout_width="fill_parent" android:layout_height="75dp" android:orientation="horizontal" android:layout_marginTop="12dp" android:layout_below="@+id/newsbottom"&gt; &lt;ImageView android:id="@+id/menu_house_manager" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager2" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager3" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager4" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:id="@+id/buttonsrow2" android:layout_width="fill_parent" android:layout_height="75dp" android:layout_below="@+id/buttonsrow1" android:orientation="horizontal" &gt; &lt;ImageView android:id="@+id/menu_house_manager" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager2" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager3" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;ImageView android:id="@+id/menu_house_manager4" android:layout_width="55dp" android:layout_height="55dp" android:layout_margin="12dp" android:src="@drawable/btnhousemanager" /&gt; &lt;/LinearLayout&gt; &lt;/RelativeLayout&gt; </code></pre> <p><img src="https://i.stack.imgur.com/5KwME.png" alt="enter image description here"></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload