那些遇到过的问题

如何在android中的Viewpager上实现缩放,平移和拖动？

Dev*_*ata 1 android

我有一个viewpager,其中我正在显示视频和图像,请告诉我如何实现缩放,平移,拖动功能.

在我的viewpager中我有视频和imageview,现在我想要的是当我执行缩放时它应该缩放两个视图.请告诉我这方面的实施情况.我在论坛上看到的每个地方都发现人们已经在像viewview这样的单视图上进行了缩放平移,但是直接在viewpager上没有,在我的情况下,我必须直接处理viewpager,以便其中的所有视图都可以通过功能处理像缩放,平移,拖动,无论其中的视图数量.感谢帮助.谢谢.

Ram*_*amz 9

对于Zooming和Paning,最好的图书馆是TouchImageView

,但是当我们在视图寻呼机上添加此项时会出现问题,同时在我们缩放图像时滑动图像.如果我缩放图像并拖动以查看右侧的另一个缩放部分,由于滑动视图寻呼机的属性,寻呼机将滑动到下一个image.it将发生,如果我们向右滑动.所以修复这个Isuue经过漫长的研发后我终于做了一些修复.为此我们需要在TouchImageView.java中做一些修改和viewpager

首先,我们需要创建自定义Viewpager

MyViewPager.java

package com.example.gallery;

import android.content.Context;
 import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;

public class MyViewPager extends ViewPager {

private boolean enabled = true;

public MyViewPager(Context context, AttributeSet attrs) {
    super(context, attrs);
}

@Override
public boolean onInterceptTouchEvent(MotionEvent arg0) {
    if(enabled)
        return super.onInterceptTouchEvent(arg0);

    return false;
}

public boolean isEnabled() {
    return enabled;
}

public void setEnabled(boolean enabled) {
    this.enabled = enabled;
}
Run Code Online (Sandbox Code Playgroud)

}

之后我们需要更改TouchImageView类修改后的类如下所示

已修改的部分requestDisallowInterceptTouchEvent添加到触摸事件和onDoubleTap部分也已修改,因此用户可以在缩小后仅滑动到下一个图像到其原始或正常Postion.While放大用户不能更改当前图像

private class TouchImageViewListener implements OnTouchListener {

    //
    // Remember last point position for dragging
    //
    private PointF last = new PointF();

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        mScaleDetector.onTouchEvent(event);
        mGestureDetector.onTouchEvent(event);
        PointF curr = new PointF(event.getX(), event.getY());

        if (state == NONE || state == DRAG || state == FLING) {
            switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                last.set(curr);
                if (fling != null)
                    fling.cancelFling();
                setState(DRAG);
                    //Modified Portion  

          getParent().requestDisallowInterceptTouchEvent(true);
                break;

            case MotionEvent.ACTION_MOVE:
                if (state == DRAG) {
                    float deltaX = curr.x - last.x;
                    float deltaY = curr.y - last.y;
                    float fixTransX = getFixDragTrans(deltaX, viewWidth,
                            getImageWidth());
                    float fixTransY = getFixDragTrans(deltaY, viewHeight,
                            getImageHeight());
                    matrix.postTranslate(fixTransX, fixTransY);
                    if (deltaX == 0 || normalizedScale == 1.0)
                    //Modified Portion  

           getParent().requestDisallowInterceptTouchEvent(false)
                    else
                               getParent().requestDisallowInterceptTouchEvent(true);
                    fixTrans();
                    last.set(curr.x, curr.y);
                }
                break;

            case MotionEvent.ACTION_UP:
            //Modified Portion  

               getParent().requestDisallowInterceptTouchEvent(false)

                break;
            case MotionEvent.ACTION_POINTER_UP:
                setState(NONE);
                break;
            }
        }

        setImageMatrix(matrix);
        //
        // indicate event was handled
        //
        return true;
    }
}//requestDisallowInterceptTouchEvent is Added When Touch Lister Occurs While Zoomed In

.......
private class GestureListener extends
        GestureDetector.SimpleOnGestureListener {

    @Override
    public boolean onSingleTapConfirmed(MotionEvent e) {
        return performClick();
    }

    @Override
    public void onLongPress(MotionEvent e) {
        performLongClick();
    }

    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
            float velocityY) {
        if (fling != null) {
            //
            // If a previous fling is still active, it should be cancelled
            // so that two flings
            // are not run simultaenously.
            //
            fling.cancelFling();
        }
        fling = new Fling((int) velocityX, (int) velocityY);
        compatPostOnAnimation(fling);
        return super.onFling(e1, e2, velocityX, velocityY);
    }

    @Override
    public boolean onDoubleTap(MotionEvent e) {
        boolean consumed = false;

//Modified Portion
        if (state == NONE) {
            float targetZoom = (normalizedScale == minScale) ? maxScale
                    : minScale;
            DoubleTapZoom doubleTap = new DoubleTapZoom(targetZoom,
                    e.getX(), e.getY(), false);
            compatPostOnAnimation(doubleTap);
            consumed = true;
        }
        else
        {
            float targetZoom = (normalizedScale == minScale) ? maxScale
                    : minScale;
            DoubleTapZoom doubleTap = new DoubleTapZoom(targetZoom,
                    e.getX(), e.getY(), false);
            compatPostOnAnimation(doubleTap);
        }
        return consumed;
    }
}//Allow User To Double Tap To Orginal Position So that only he can Swipe to next image
Run Code Online (Sandbox Code Playgroud)

从这里下载TouchImageView并修改以上部分

FullScreenImageAdapter.java

package com.example.gallery;



public class FullScreenImageAdapter extends PagerAdapter {

private Activity _activity;
private String[] mStrings;
private LayoutInflater inflater;
ImageLoader im;


// constructor
public FullScreenImageAdapter(Activity activity, String[] mStrings) {
    this._activity = activity;
    this.mStrings = mStrings;

    im = new ImageLoader(_activity);
}

@Override
public int getCount() {
    return this.mStrings.length;
}

@Override
public boolean isViewFromObject(View view, Object object) {
    return view == ((RelativeLayout) object);
}

@Override
public Object instantiateItem(ViewGroup container, int position) {
    TouchImageView imgDisplay;
    final Button btnClose;

    inflater = (LayoutInflater) _activity
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View viewLayout = inflater.inflate(R.layout.layout_fullscreen_image,
            container, false);
    RelativeLayout parentview = (RelativeLayout) viewLayout
            .findViewById(R.id.rel);
    imgDisplay = (TouchImageView) viewLayout.findViewById(R.id.imgDisplay);
    btnClose = (Button) viewLayout.findViewById(R.id.btnClose);

     im.DisplayImage(mStrings[position], imgDisplay);

    // close button click event
    btnClose.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            _activity.finish();
        }
    });

    ((ViewPager) container).addView(viewLayout);
    /**
     * Setting the object for animation
     * */


    return viewLayout;
}

@Override
public void destroyItem(ViewGroup container, int position, Object object) {
    ((ViewPager) container).removeView((RelativeLayout) object);

}
Run Code Online (Sandbox Code Playgroud)

}

MainActivity.java

package com.example.gallery;





public class MainActivity extends Activity {

private FullScreenImageAdapter adapter;
private MyViewPager viewPager;
private String[] mStrings = {
        "http://3rdbillion.net/wp-content/uploads/2013/12/9039b649b7cd0ee7f418e55416a8ea204.jpg",
            "http://images.tentebranda.org/wp-content/uploads/animal-images_5514_1.jpg",
            "http://3rdbillion.net/wp-content/uploads/2013/12/f6aa5d04531f8ff9416ace6e273405304.jpg",
            "http://3rdbillion.net/wp-content/uploads/2013/12/fcbc6aaa7ccd1ebaea80f36bfad3c8f74.jpg"};

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_fullscreen_view);

    viewPager = (MyViewPager) findViewById(R.id.pager);



    adapter = new FullScreenImageAdapter(MainActivitys.this, mStrings);


    viewPager.setAdapter(adapter);
    viewPager.setPageMargin(30);
    // displaying selected image first
    viewPager.setCurrentItem(position);
}
}
Run Code Online (Sandbox Code Playgroud)

使用从Web加载的延迟显示图像在此示例中,我使用的是LAzyLoad库

请下载并将其添加到您的项目中

最后是Xml文件

layout_fullscreen_image.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:id="@+id/rel" >

<!-- <YourPackagename where TouchImageView.java is Placed.TouchImageView
    android:id="@+id/imgDisplay"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scaleType="fitCenter" />Example is given below My TouchImageView.java is placed in the com.example.gallery package
-->

  <com.example.gallery.TouchImageView
    android:id="@+id/imgDisplay"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scaleType="fitCenter" />

<Button
    android:id="@+id/btnClose"
    android:layout_width="wrap_content"
    android:layout_height="30dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="15dp"
    android:layout_marginTop="15dp"
    android:paddingTop="2dp"
    android:paddingBottom="2dp"
    android:background="@drawable/ic_launcher"
    android:textColor="#ffffff"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:text="Close" />
Run Code Online (Sandbox Code Playgroud)

activity_fullscreen_view

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="#33BBFFFF" >
<!--<YourPackagename where MyViewPager.java is Placed.MyViewPager
    android:id="@+id/pager"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />Example is given below My MyViewPager.java is placed in the com.example.gallery package-->

<com.example.gallery.MyViewPager
    android:id="@+id/pager"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

</LinearLayout>
Run Code Online (Sandbox Code Playgroud)

还要在清单文件中添加Internet权限和写入存储权限,然后您就完成了

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
Run Code Online (Sandbox Code Playgroud)

对于从Sd卡显示图像仅替换延迟加载部分和添加必需文件以显示来自SD卡的图像并设置加法器

-----------------更新-----

TouchImageview的新链接就 在这里

归档时间：

查看次数：

8916 次

最近记录：

9 年，10 月 前
android imageView:设置拖动和捏缩放参数 29
查看寻呼机+ ImageView + Pinch缩放+旋转 19
ViewPager和ImageView缩放问题 11
更多相关链接
相关归档
Android,ListView IllegalStateException:"适配器的内容已更改,但ListView未收到通知" 187
请求的操作：声明您的广告 ID 权限 139
如何在Eclipse for Android中启用LogCat/Console？ 118
Android:使用动画显示/隐藏视图 79
api <21的可绘制着色 79
如何在Android中禁用EditText 73
Intent.putExtra列表 56
使用新的体系结构组件ViewModel在片段之间共享数据 45
android中的动态ListPreference 44
GooglePlayServicesUtil.getErrorDialog为null 36
难疑归档
如何在本地和远程删除Git分支？ 16311
可以在JSON中使用注释吗？ 7104
如何按值对字典进行排序？ 3424
如何异步上传文件？ 2841
如何检查字符串是否包含特定单词？ 2663
将具有默认值的列添加到SQL Server中的现有表 2648
如何分析在Linux上运行的C++代码？ 1732
何时使用虚拟析构函数？ 1420
如何在正则表达式中使用变量？ 1250
获取Android上的当前时间和日期 1058