RelativeLayout中ImageView的不需要的边框

时间:2014-03-26 13:30:06

标签: android android-layout android-imageview android-ui

我一直在阅读类似的帖子,但没有一个解决了我的问题。

我的活动包含此RelativeLayout:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

        <TextView 
            android:id="@+id/initial_launch_text"
            style="@style/initialLaunchTextStyle"
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:layout_alignParentTop="true"
            android:layout_margin="20dp"
            android:gravity="center_horizontal|top"
            android:text="Test" />

        <Button 
            android:id="@+id/initial_launch_skip_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:textColor="@color/initial_launch_skip_button_text"
            android:onClick="skipButtonClicked"
            android:text="@string/activity_initial_launch_skip_button_skip" />

        <ImageView 
            android:id="@+id/initial_launch_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_below="@+id/initial_launch_text"
            android:layout_above="@+id/initial_launch_skip_button"
            android:src="@drawable/flower"
            android:adjustViewBounds="true"
        android:background="#000000"
        android:padding="1dp" />

</RelativeLayout>

我想要的只是顶部的TextView,底部的Button和中间带有1dp黑色边框的ImageView 。但我得到的是图像上方和下方不需要的厚黑色边框:

enter image description here

我怎样摆脱那个?

3 个答案:

答案 0 :(得分:0)

改变这个:

<ImageView 
            android:id="@+id/initial_launch_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_below="@+id/initial_launch_text"
            android:layout_above="@+id/initial_launch_skip_button"
            android:src="@drawable/flower"
            android:adjustViewBounds="true"
        android:background="#000000"
        android:padding="1dp" />

到此:

 <ImageView 
            android:id="@+id/initial_launch_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_below="@+id/initial_launch_text"
            android:layout_above="@+id/initial_launch_skip_button"
            android:src="@drawable/flower"
            android:adjustViewBounds="true"
        android:background="#000000"
         android:layout_margin="1dp" />

答案 1 :(得分:0)

我为你设计了这个布局,但是这个问题有一个问题为什么我说这意味着你要使用PNG文件你可能会得到两种类型的布局我将展示你应该使用JPEG的布局然后只有你可以得到这种类型的布局......

This one for JPEG Image

This one for PNG file Image

布局代码.....

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<TextView
    android:id="@+id/initial_launch_text"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:layout_alignParentTop="true"
    android:layout_margin="20dp"
    android:gravity="center_horizontal|top"
    android:text="Test" />

<Button
    android:id="@+id/initial_launch_skip_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:onClick="skipButtonClicked"
    android:text="Skip"
    android:textColor="@android:color/black" />

<ImageView
    android:id="@+id/initial_launch_image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/initial_launch_skip_button"
    android:layout_below="@+id/initial_launch_text"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:adjustViewBounds="true"
    android:background="#000000"
    android:padding="5dp"
    android:scaleType="fitXY"
    android:src="@drawable/logo" />

</RelativeLayout>

答案 2 :(得分:0)

使用ImageView使用以下参数包裹LinearLayout可以解决问题:

    <LinearLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" >
        <ImageView 
            android:id="@+id/initial_launch_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerInParent="true"
            android:layout_below="@+id/initial_launch_text"
            android:layout_above="@+id/initial_launch_skip_button"
            android:src="@drawable/flower"
            android:background="#000000"
            android:padding="1dp"
            android:adjustViewBounds="true" />
    </LinearLayout>