Horizo​​ntalScrollView和图像包装

时间:2012-02-29 22:05:22

标签: android android-image horizontalscrollview android-scroll android-wrap-content

我在左侧(从上到下)实现了一个高/窄图像的LinearLayout,在右侧显示了一个HorizontalScrollView来显示长图像。

问题是我没有设法正确处理HorizontalScrollView。它没有显示图像的左侧部分(我无法在该方向上滚动),并且可以滚动远远超出另一侧的图像边界...

我为图片和HorizontalScrollView尝试过不同类型的包装,但问题总是一样。

另外,我的左图有问题;包装不起作用,因此它的两侧都有白色空间。

这很难解释,所以我会给你一些示例代码来说明问题:

XML文件(我已经制作了很多版本但总是遇到同样的问题):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:adjustViewBounds="true"
    android:orientation="horizontal" >

    <LinearLayout 
        android:id="@+id/leftContainer"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:adjustViewBounds="true"
        android:orientation="horizontal" >
        <ImageView
            android:id="@+id/ivExampleBar"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:paddingLeft="0dp"
            android:paddingRight="0dp"
            android:contentDescription="Bar on the left side"
            android:src="@drawable/examplebar" />
    </LinearLayout>

    <HorizontalScrollView
        android:id="@+id/hscroll"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent" 
        android:layout_gravity="left"
        android:scrollbarFadeDuration="0">

        <LinearLayout 
                android:id="@+id/container"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_gravity="center_horizontal"
                android:orientation="horizontal" >

                <ImageView
                android:id="@+id/ivExampleImg"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:contentDescription="Big scrollable image"
                android:src="@drawable/exampleimg" 
            />
        </LinearLayout>
    </HorizontalScrollView>

</LinearLayout>

Java文件(我试过ScrollTo也是为了显示图像的左侧部分,但它仅适用于特定的分辨率/手机......):

import android.app.Activity;
    import android.os.Bundle;
    import android.view.Window;
    import android.view.WindowManager;
    import android.widget.LinearLayout;

    public class TestActivity extends Activity {

        //private LinearLayout scrollContainer;

        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);

            // FULL SCREEN
            requestWindowFeature(Window.FEATURE_NO_TITLE);
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
            this.setContentView(R.layout.testlayout);

            //scrollContainer = (LinearLayout) findViewById(R.id.container);
            //scrollContainer.scrollTo(-195, 0);


        }

        @Override
        protected void onPause(){
            super.onPause();
            finish();
        }
    }

你对这些问题有任何帮助吗?

  • 使Horizo​​ntalScrollView包裹我的图像,使其周围没有空白
  • 可以一直滚动到图像的边框
  • 避开左图周围的空白区域

2 个答案:

答案 0 :(得分:0)

尝试在要包装的所有视图/布局上设置wrap_content ...

答案 1 :(得分:0)

这个答案对我有用:Massive unwanted whitespace with LinearLayout in ScrollView

基本上,你只需要将ImageView的adjustViewBounds设置为true,如下所示:

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"/>