Android WebView 의 그림 탐색 및 크기 조정 효과

본 논문 의 사례 는 안 드 로 이 드 WebView 이미지 조회 및 크기 조정 효과 가 보 여 주 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.

이 공 사 는 두 개의 오픈 소스 라 이브 러 리 를 사 용 했 습 니 다.
PhotoView 지원 그림 크기 조정
Android-Universal-Image-Loader 그림 의 비동기 로드
(android studio)두 소스 프로젝트 의 library 폴 더 를 Demo Module 이 있 는 Project 에 가 져 와 각각의 build.gradle 파일 을 수정 하여 버 전 번호,사용 하 는 android 패키지 등 이 Demo Module 과 같 도록 하면 됩 니 다.대체로 그림 과 같다.

원본 코드:
주 Activity.java

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)
  {
   //  webView    ，    webview   ，          
   webview.loadUrl(url);
   return super.shouldOverrideUrlLoading(view, url);
  }

 @Override
 public void onPageFinished(WebView view, String url) {
  super.onPageFinished(view, url);
  addImageListner();  //       ，      addImageListener()  
  }
 @Override
 public void onPageStarted(WebView view, String url, Bitmap favicon) {
  super.onPageStarted(view, url, favicon);
  }
 });
 }
 private void addImageListner() {

 //       img   ，          url objs[i].src，       src.
 //           ，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 ，      
 public void openImage(String clickimg)//           
 {
 int index = 0;
 for(String url:listimg)
 if(url.equals(clickimg)) index = listimg.indexOf(clickimg);//                 
 Intent intent = new Intent();
 Bundle bundle = new Bundle();
 bundle.putStringArrayList("list_image",listimg);
 bundle.putInt("index", index);
 intent.putExtra("bundle", bundle);//      url                  activity
 intent.setClass(context, ViewPagerActivity.class);
 context.startActivity(intent);//  ViewPagerActivity,      
 }
 }
}

ViewPagerActivity.java

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;
 }
 }
}

HackViewPager.java

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);
 }
}

관련 레이아웃 파일:
MainActivity 레이아웃 에 간단 한 webView 만 있 습 니 다.
ViewPager Activity 레이아웃 에서 도 HackViewPager 일 뿐 입 니 다.
HackViewPager 의 모든 View 레이아웃:
viewpager_item.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"
 >
 <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/viewpager 를 사 용 했 습 니 다.indicator

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

요약:주요 난점 은 페이지 의 그림 을 가 져 오 는 url 입 니 다.자바 함수 와 자바 script 의 통신 을 사용 합 니 다.