public class MainActivity extends Activity { private WebView webview; private WebSettings wv; private ArrayList<String> listimg; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webview = (WebView)findViewById(R.id.webview); listimg = new ArrayList<>();  wv = webview.getSettings();  wv.setJavaScriptEnabled(true);  webview.addJavascriptInterface(new JavascriptInterface(this), "imagelistner");//綁定javasrcipt接口，imagelistner為接口的別名  webview.loadUrl("http://portal.smu.edu.cn/e/action/ShowInfo2.php?classid=1415&id=63663&tlpid=98");  webview.setWebViewClient(new WebViewClient(){  public boolean shouldOverrideUrlLoading(WebView view, String url)  {   //點(diǎn)擊webView中的鍵接，依然在此webview中顯示，而不跳轉(zhuǎn)到別的瀏覽器   webview.loadUrl(url);   return super.shouldOverrideUrlLoading(view, url);  } @Override public void onPageFinished(WebView view, String url) {  super.onPageFinished(view, url);  addImageListner();  //當(dāng)頁面加載完成，就調(diào)用我們的addImageListener()函數(shù)  } @Override public void onPageStarted(WebView view, String url, Bitmap favicon) {  super.onPageStarted(view, url, favicon);  } }); } private void addImageListner() { //遍歷頁面中所有img的節(jié)點(diǎn)，因?yàn)楣?jié)點(diǎn)里面的圖片的url即objs[i].src，保存所有圖片的src. //為每個(gè)圖片設(shè)置點(diǎn)擊事件，objs[i].onclick webview.loadUrl("javascript:(function(){" +  "var objs = document.getElementsByTagName(/"img/"); " +  "for(var i=0;i<objs.length;i++) " + "{" +  "window.imagelistner.readImageUrl(objs[i].src); " +  " objs[i].onclick=function() " +  " { "+   " window.imagelistner.openImage(this.src); " +  " } " + "}" +  "})()"); } class JavascriptInterface { private Context context; public JavascriptInterface(Context context) {   this.context = context;  }  @android.webkit.JavascriptInterface public void readImageUrl(String img) { //把所有圖片的url保存在ArrayList<String>中  listimg.add(img); } @android.webkit.JavascriptInterface //對于targetSdkVersion>=17的，要加這個(gè)聲明 public void openImage(String clickimg)//點(diǎn)擊圖片所調(diào)用到的函數(shù) { int index = 0; for(String url:listimg) if(url.equals(clickimg)) index = listimg.indexOf(clickimg);//獲取點(diǎn)擊圖片在整個(gè)頁面圖片中的位置 Intent intent = new Intent(); Bundle bundle = new Bundle(); bundle.putStringArrayList("list_image",listimg); bundle.putInt("index", index); intent.putExtra("bundle", bundle);//將所有圖片的url以及點(diǎn)擊圖片的位置作為參數(shù)傳給啟動的activity intent.setClass(context, ViewPagerActivity.class); context.startActivity(intent);//啟動ViewPagerActivity,用于顯示圖片 } }}

public class ViewPagerActivity extends Activity { private ViewPager mViewPager; private View rootView; private PhotoView image; private TextView indicator; private Bundle bundle; ArrayList<String> listimg; private int index; private int count; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_view_pager); mViewPager = (HackyViewPager) findViewById(R.id.view_pager); setContentView(mViewPager); bundle = getIntent().getBundleExtra("bundle"); listimg = bundle.getStringArrayList("list_image"); index = bundle.getInt("index"); count = listimg.size(); mViewPager.setAdapter(new SamplePagerAdapter()); mViewPager.setCurrentItem(index); } class SamplePagerAdapter extends PagerAdapter { @Override public int getCount() {  return count; } @Override //此處用到PhotoView、ImageLoader均為第三方類庫的類 public View instantiateItem(ViewGroup container, int position) {  rootView = View.inflate(ViewPagerActivity.this, R.layout.viewpager_item, null);  image = (PhotoView) rootView.findViewById(R.id.photoview);  indicator = (TextView) rootView.findViewById(R.id.indicator);  ImageLoader imageloader=ImageLoader.getInstance();  imageloader.init(ImageLoaderConfiguration.createDefault(ViewPagerActivity.this));  imageloader.displayImage(listimg.get(position), image);  CharSequence text = getString(R.string.viewpager_indicator, position+1, count);  indicator.setText(text);  container.addView(rootView, LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);  return rootView; } @Override public void destroyItem(ViewGroup container, int position, Object object) {  container.removeView((View) object); } @Override public boolean isViewFromObject(View view, Object object) {  return view == object; } }}

public class HackyViewPager extends ViewPager { private boolean isLocked; public HackyViewPager(Context context) { super(context); isLocked = false; } public HackyViewPager(Context context, AttributeSet attrs) { super(context, attrs); isLocked = false; } @Override public boolean onInterceptTouchEvent(MotionEvent ev) {//用于處理Touch事件 if (!isLocked) {  try {  return super.onInterceptTouchEvent(ev);  } catch (IllegalArgumentException e) {  e.printStackTrace();  return false;  } } return false; } @Override public boolean onTouchEvent(MotionEvent event) { return !isLocked && super.onTouchEvent(event); }}

<?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" > <uk.co.senab.photoview.PhotoView android:id="@+id/photoview" android:layout_width="match_parent" android:layout_height="match_parent" /> <TextView android:id="@+id/indicator" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:gravity="center" android:textSize="18sp" android:textColor="@android:color/white" android:text="@string/viewpager_indicator" android:background="@android:color/transparent" /></RelativeLayout>

<string name="viewpager_indicator">%1$d/%2$d</string>