Scrollview causes a black background

Question

I just add scrollview like this, and after loading the screen a black background appears.

This black area is located in the left and top corner of the surrounding RelativeLayout. While the scroll view is located with android:layout_marginLeft="20dp" android:layout_marginTop="40dp" Thus, the left 20dp and the top 40dp are black and the remaining gray background is not possible.

Here's the xml part with scrollView:

  <View android:id="@+id/emptyView" android:layout_width="match_parent" android:layout_height="2dp" android:layout_below="@+id/right1" /> <RelativeLayout android:id="@+id/right2" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/emptyView" > <RelativeLayout android:id="@+id/right22" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/emptyView" > <ImageView android:id="@+id/emptyView2" android:layout_width="match_parent" android:layout_height="2dp" android:contentDescription="@string/anyStringValue" /> <HorizontalScrollView android:id="@+id/scrollView" android:layout_width="fill_parent" android:layout_height="520dp" android:layout_marginLeft="20dp" android:layout_marginTop="40dp" android:background="#0000FF" > <TextView android:id="@+id/infoTxt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#FF0000" android:padding="10dp" android:text="@string/Settings_infoTxt" android:textColor="#000000" android:textSize="20dp" /> </HorizontalScrollView> </RelativeLayout> </RelativeLayout> 

I already tried to add an empty view on top of the scroll view, as well as 2 RelativeLayouts. But the black area still appears. (with / without RelativeLayouts and empty top view)

Since the backgroud of the entire page is gray, this black area distorts the full screen.

I have used scroll views many times before, but I have never had such problems. I do not know what causes this.

How can I get rid of the black area caused by the scroll view?

thank you very much!

Answer 1

I had almost the same problem, some black areas appeared when loading the scroll, those disappeared when touched. I solved this without setting the background color of the scroll. This should be enough to set the background color of conten views.

  //outer layout, where black shapes appear LinearLayout outer = new LinearLayout(context); outer.setBackgroundColor(Color.MAGENTA); ScrollView list = new ScrollView(context); list.setLayoutParams(new LayoutParams(100, 300)); // do not set the background color here, this causes the blak shapes // list.setBackgroundColor(Color.CYAN); // add an inner layout to the scrollView and set the background of the innerlayout LinearLayout linearLayout = new LinearLayout(context); linearLayout.setBackgroundColor(Color.CYAN); linearLayout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT)); list.addView(linearLayout); outer.addView(list);