为imageview添加水平和垂直scrollview

时间:2013-02-16 10:37:49

标签: android xml imageview scrollview horizontalscrollview

我的application.i中的

使用了RelativeLayout。我想将水平和垂直scrollview添加到imageview。 我试了但不行。 imageview大小应为800 * 800。 是否需要LinearLayout。 我怎么能这样做?请帮助我。

xml文件 -

  <?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/Beige"
android:focusable="true"
android:orientation="vertical" >

<LinearLayout
    android:id="@+id/linearLayout1"
    style="@color/Bisque"
    android:layout_width="250dp"
    android:layout_height="fill_parent"
    android:background="@color/Plum"
    android:orientation="vertical" >

    <Button
        android:id="@+id/button1"
        android:layout_width="60dp"
        android:layout_height="50dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="30dp"
        android:background="@color/Thistle"
        android:onClick="importFile"
        android:text="@string/Import" />

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="50dp"
        android:background="@color/Thistle"
        android:orientation="vertical" >
    </LinearLayout>

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="210dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="50dp"
        android:background="@color/Thistle"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="180dp"
            android:layout_height="50dp"
            android:layout_marginTop="20dp"
            android:gravity="center"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/yes"
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:layout_weight="0.15"
                android:background="@color/Thistle"
                android:focusable="false"
                android:text="@string/X"
                android:textColor="@color/PaleVioletRed"
                android:textColorHint="@color/PaleVioletRed"
                android:textSize="35sp"
                android:textStyle="bold"
                android:typeface="normal"
                android:width="4dp" />

            <Button
                android:id="@+id/no"
                android:layout_width="30dp"
                android:layout_height="40dp"
                android:layout_marginLeft="60dp"
                android:background="@drawable/cor" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="180dp"
            android:layout_height="50dp"
            android:layout_marginTop="20dp"
            android:gravity="center"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/back"
                android:layout_width="40dp"
                android:layout_height="30dp"
                android:layout_marginTop="5dp"
                android:background="@color/Thistle"
                android:text="@string/l"
                android:textColor="@color/PaleVioletRed"
                android:textColorHint="@color/PaleVioletRed"
                android:textSize="30sp"
                android:textStyle="bold"
                android:typeface="sans" />

            <TextView
                android:id="@+id/color"
                android:layout_width="40dp"
                android:layout_height="30dp"
                android:layout_marginLeft="10dp"
                android:background="@color/Black" />

            <Button
                android:id="@+id/next"
                android:layout_width="40dp"
                android:layout_height="30dp"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="6dp"
                android:background="@color/Thistle"
                android:text="@string/r"
                android:textColor="@color/PaleVioletRed"
                android:textSize="30sp"
                android:textStyle="bold"
                android:typeface="sans" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="180dp"
            android:layout_height="50dp"
            android:layout_marginTop="20dp"
            android:gravity="center"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/sub"
                android:layout_width="40dp"
                android:layout_height="30dp"
                android:background="@drawable/plus"
                android:textSize="40sp" />

            <Button
                android:id="@+id/add"
                android:layout_width="40dp"
                android:layout_height="30dp"
                android:layout_marginLeft="60dp"
                android:background="@drawable/minus" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:id="@+id/linearLayout2"
    android:layout_width="fill_parent"
    android:layout_height="100dp"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/linearLayout1"
    android:background="@color/Thistle"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/save"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:layout_marginLeft="30dp"
        android:layout_marginTop="30dp"
        android:background="@color/MistyRose"
        android:text="@string/Save" />

    <Button
        android:id="@+id/send"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:layout_marginLeft="50dp"
        android:layout_marginTop="30dp"
        android:background="@color/MistyRose"
        android:text="@string/Send" />
</LinearLayout>

<ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="800dp"
    android:layout_height="800dp"

    android:layout_alignLeft="@+id/linearLayout2"
    android:layout_below="@+id/linearLayout2" >

    <LinearLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:orientation="vertical"
        >


       <HorizontalScrollView 
       android:id="@+id/hv"

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
       >
             <ImageView 
           android:id="@+id/imv"
           android:background="@drawable/blu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

           />
   </HorizontalScrollView>
      </LinearLayout>
</ScrollView>

1 个答案:

答案 0 :(得分:3)

而不是尝试在ScrollView和Horizo​​ntalScrollView中使用Image来启用图像平移,我甚至不确定是否可以实现,如果可以的话,可能会证明这是一个非常艰巨的任务。

您可以考虑使用PhotoView库。它的实现非常简单,就像一个开箱即用的魅力。另外,作为奖励,它支持缩放,使用多点触控和双击。

在该页面上是一个如何实现它的简单示例。它所需要的只是XML中的ImageView设置。不需要ScrollViewsHorizontalScrollViews才能让它发挥作用:

ImageView mImageView;
PhotoViewAttacher mAttacher;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // Any implementation of ImageView can be used!
    mImageView = (ImageView) findViewById(R.id.iv_photo);

    // Set the Drawable displayed
    Drawable bitmap = getResources().getDrawable(R.drawable.wallpaper);
    mImageView.setImageDrawable(bitmap);

    // Attach a PhotoViewAttacher, which takes care of all of the zooming functionality.
    mAttacher = new PhotoViewAttacher(mImageView);
}


// If you later call mImageView.setImageDrawable/setImageBitmap/setImageResource/etc then you just need to call
attacher.update();