Question

我有一个问题，当我在ScrollView中添加ImageView时，它在顶部和底部两侧显示空白空间我希望在全屏幕上显示活动图像，填充屏幕宽度，如果图像足够长，那么屏幕然后图像将可滚动。这段代码有些如何解决问题，但也在图像的顶部和底部显示空白区域。

<ScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/content"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    tools:context="com.alicon.digi.book.ScreenSlideActivity" >
    <ImageView
        android:id="@+id/bookImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/page_of_book"
        android:src="@drawable/book_title" />

</ScrollView>

Answer 1

请尝试此操作并注意ScrollView的 fillViewport 属性。

<ScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/content"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    **android:fillViewport="true"** //this is imp, see the link for a very good explanation
    tools:context="com.alicon.digi.book.ScreenSlideActivity" >

    <LinearLayout 
       android:layout_width="fill_parent"
       android:layout_height="wrap_content">
         <ImageView
           android:id="@+id/bookImage"
           android:layout_width="fill_parent"
           android:layout_height="fill_parent"
           android:scaleType="fitXY"
           android:contentDescription="@string/page_of_book"
           android:src="@drawable/book_title" />
    </LinearLayout>
</ScrollView>

fillViewPort

Answer 2

将android:scaleType="fitXY"属性添加到ImageView XML并更改android:layout_height和android:layout_width属性＆＃39;价值从wrap_content到fill_parent。使用LinearLAyout代替ScrollView，如下所示......

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/content"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context="com.alicon.digi.book.ScreenSlideActivity" >

    <ImageView
        android:id="@+id/bookImage"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scaleType="fitXY"
        android:contentDescription="@string/page_of_book"
        android:src="@drawable/book_title" />

</LinearLayout>

空白区域显示在ScrollView中图像的顶部和底部

2 个答案: