视图之间不需要的填充与背景渐变

时间:2016-12-27 12:34:48

标签: android android-fragments relativelayout

我想为LinearLayouts的背景指定渐变。除了底部填充和LinearLayouts之间的填充外,一切看起来都很好。

此布局用于ViewPager以显示图像。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/black">
    <ImageView
        android:id="@+id/photo_pager_fragment_image"
        android:layout_centerHorizontal="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        android:background="@color/black"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentTop="true" />
    <LinearLayout
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weightSum="3"
        android:id="@+id/bottomBar"
        android:orientation="horizontal">
        <LinearLayout
            android:id="@+id/likeBottomLayout"
            android:gravity="left"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:layout_weight="1"
            android:paddingTop="12dp"
            android:paddingBottom="12dp"
            android:background="@drawable/background">
            <ImageButton
                android:id="@+id/likeImage"
                android:background="@color/transparentWhite"
                android:src="@drawable/post_like"
                android:paddingLeft="14dp"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="center_vertical|center_horizontal"
                android:clickable="false" />
        </LinearLayout>
        <LinearLayout
            android:id="@+id/commentsBottomLayout"
            android:gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:layout_weight="1"
            android:paddingTop="12dp"
            android:paddingBottom="12dp"
            android:background="@drawable/background">
            <ImageButton
                android:id="@+id/comment"
                android:background="@color/transparentWhite"
                android:src="@drawable/post_comment"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|center_horizontal"
                android:paddingRight="7dp"
                android:paddingLeft="7dp"
                android:clickable="false" />
        </LinearLayout>
        <LinearLayout
            android:id="@+id/repostBottomLayout"
            android:gravity="right"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:layout_weight="1"
            android:paddingTop="12dp"
            android:paddingBottom="12dp"
            android:background="@drawable/background">
            <ImageButton
                android:background="@color/transparentWhite"
                android:src="@drawable/post_repost"
                android:paddingRight="14dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|center_horizontal"
                android:clickable="false" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

background.xml

 <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:state_pressed="true"
          android:drawable="@drawable/pressed" />
      <item  android:state_focused="false"
          android:drawable="@drawable/normal" />
    </selector>

normal.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
  <gradient
      android:startColor="#99000000"
      android:endColor="#00000000"
      android:angle="90"/>
</shape>

pressed.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color = "@color/tranparent_light_gray"/>
</shape>

enter image description here

如何删除此填充?。

P.S。在黑暗的照片中,我没有看到这种填充物。我认为因为它是透明的颜色。

1 个答案:

答案 0 :(得分:0)

尝试检查按钮及其父母的填充以及边距(如果有)。