日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

這篇文章主要介紹“Android點(diǎn)擊WebView怎么實(shí)現(xiàn)圖片縮放及滑動(dòng)瀏覽效果”，在日常操作中，相信很多人在Android點(diǎn)擊WebView怎么實(shí)現(xiàn)圖片縮放及滑動(dòng)瀏覽效果問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”Android點(diǎn)擊WebView怎么實(shí)現(xiàn)圖片縮放及滑動(dòng)瀏覽效果”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、清水網(wǎng)絡(luò)推廣、成都小程序開發(fā)、清水網(wǎng)絡(luò)營(yíng)銷、清水企業(yè)策劃、清水品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供清水建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

首先說(shuō)一下處理這個(gè)要求的思路,首先我們要獲取到html中的所有圖片的url,并保存到集合中,當(dāng)點(diǎn)擊圖片時(shí),跳轉(zhuǎn)
一個(gè)Activity用ViewPager進(jìn)行顯示,這樣就實(shí)現(xiàn)了滑動(dòng)瀏覽的效果,至于圖片的縮放我們則需要用到第三的開源 庫(kù)PhotoView.

首先是WebView的設(shè)置:

webView = (WebView) findViewById(R.id.webview);
  webView.loadUrl(url);
  WebSettings settings = webView.getSettings();

  //設(shè)置屏幕適應(yīng)
  settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
  settings.setUseWideViewPort(true);
  settings.setLoadWithOverviewMode(true);

  //防止中文亂碼
  settings.setDefaultTextEncodingName("UTF -8");
  settings.setJavaScriptEnabled(true);
  //載入js
  webView.addJavascriptInterface(new JavascriptInterface(this), "imagelistner");

  webView.setWebViewClient(new WebViewClient() {
   // 網(wǎng)頁(yè)跳轉(zhuǎn)
   @Override
   public boolean shouldOverrideUrlLoading(WebView view, String url) {
    view.loadUrl(url);
    return super.shouldOverrideUrlLoading(view, url);
   }

   // 網(wǎng)頁(yè)加載結(jié)束
   @Override
   public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);

    // html加載完成之后，添加監(jiān)聽圖片的點(diǎn)擊js函數(shù)
    addImageClickListner();
   }
  });

然后是獲取html中的圖片url,保存并打開(最主要的就是注入js函數(shù)監(jiān)聽，拿到所有圖片的url)，這里我在添加圖片時(shí)發(fā)現(xiàn)圖片添加了兩次,所以我就把list集合中的元素進(jìn)行去重了：

 // 注入js函數(shù)監(jiān)聽
 private void addImageClickListner() {
  //遍歷頁(yè)面中所有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中
   images.add(img);
  }

  @android.webkit.JavascriptInterface //對(duì)于targetSdkVersion>=17的，要加這個(gè)聲明
  public void openImage(String clickimg)//點(diǎn)擊圖片所調(diào)用到的函數(shù)
  {
   int index = 0;
   ArrayList list = addImages();
   for (String url : list)
    if (url.equals(clickimg)) index = list.indexOf(clickimg);//獲取點(diǎn)擊圖片在整個(gè)頁(yè)面圖片中的位置
   Intent intent = new Intent();
   Bundle bundle = new Bundle();
   bundle.putStringArrayList("list_image", list);
   bundle.putInt("index", index);
   intent.putExtra("bundle", bundle);//將所有圖片的url以及點(diǎn)擊圖片的位置作為參數(shù)傳給啟動(dòng)的activity
   intent.setClass(context, ShowWebImageActivity.class);
   context.startActivity(intent);//啟動(dòng)ViewPagerActivity,用于顯示圖片
  }
 }

 //去重復(fù)
 private ArrayList addImages() {
  ArrayList list = new ArrayList<>();
  Set set = new HashSet();
  for (String cd:images) {
   if(set.add(cd)){
    list.add(cd);
   }
  }
  return list;
 }

接下來(lái)展示ShowWebImageActivity中的代碼,因?yàn)镾howWebImageActivity需要進(jìn)行圖片的滑動(dòng)瀏覽,所以需
要用ViewPager,所以自定義了一個(gè)ViewPager,在里面處理了觸摸事件,接下來(lái)就貼下代碼:

public class ShowWebImageActivity extends AppCompatActivity{

 private ArrayList images;

 @Override
 protected void onCreate(@Nullable Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_show_webimage);
  HackyViewPager hackyViewPager = (HackyViewPager) findViewById(R.id.view_pager);

  Bundle bundle = getIntent().getBundleExtra("bundle");
  images = bundle.getStringArrayList("list_image");
  int index = bundle.getInt("index");
  hackyViewPager.setAdapter(new ViewPagerAdapter());
  hackyViewPager.setCurrentItem(index);

 }

 class ViewPagerAdapter extends PagerAdapter{

  @Override
  public int getCount() {
   return images.size();
  }

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

  @Override
  public Object instantiateItem(ViewGroup container, int position) {
   View view = View.inflate(ShowWebImageActivity.this,R.layout.view_pager_item,null);
   PhotoView photoView = (PhotoView) view.findViewById(R.id.photoview);
   TextView indicator = (TextView) view.findViewById(R.id.indicator);
   //用Glide加載圖片
   Glide.with(ShowWebImageActivity.this).load(images.get(position)).into(photoView);
   CharSequence text = getString(R.string.viewpager_indicator, position+1, images.size());
   //設(shè)置indicator
   indicator.setText(text);
   container.addView(view, ViewPager.LayoutParams.MATCH_PARENT, ViewPager.LayoutParams.MATCH_PARENT);
   return view;
  }

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

自定義ViewPager:

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

相關(guān)布局文件:
MainActivity布局中只有一個(gè)簡(jiǎn)單的webView;
ViewPagerActivity布局中也只是一個(gè)HackViewPager;
HackViewPager中每一個(gè)View的布局：
view_pager_item.xml:

用到了一個(gè)@string/viewpager_indicator為

%1$d/%2$d

最后效果：

到此，關(guān)于“Android點(diǎn)擊WebView怎么實(shí)現(xiàn)圖片縮放及滑動(dòng)瀏覽效果”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

文章標(biāo)題：Android點(diǎn)擊WebView怎么實(shí)現(xiàn)圖片縮放及滑動(dòng)瀏覽效果-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://www.dlmjj.cn/article/deicph.html