這篇文章將為大家詳細(xì)講解有關(guān)Android開發(fā)中怎么實(shí)現(xiàn)一個(gè)長(zhǎng)按將文章生成圖片的功能，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營(yíng)銷，提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營(yíng)銷、重慶小程序開發(fā)、公眾號(hào)商城、等建站開發(fā)，創(chuàng)新互聯(lián)網(wǎng)站建設(shè)策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。

長(zhǎng)按菜單實(shí)現(xiàn)

WebView可以如下實(shí)現(xiàn)：

mWebView.setOnCreateContextMenuListener(new View.OnCreateContextMenuListener() {
      @Override
      public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
        genImg.setVisibility(View.VISIBLE);
        T.showSToast(mContext, "再次點(diǎn)擊文章可隱藏圖片分享");
      }
    });
    // 點(diǎn)擊隱藏底部按鈕
    mWebView.setOnTouchListener(new View.OnTouchListener() {
      @Override
      public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
          case MotionEvent.ACTION_DOWN:
            lastTime = SystemClock.uptimeMillis();
            break;
          case MotionEvent.ACTION_UP:
            if (SystemClock.uptimeMillis() - lastTime < 300) {
              genImg.setVisibility(View.GONE);
            }
            break;
        }
        return false;
      }
    });

這里通過監(jiān)聽WebView的ContextMenu 監(jiān)聽何時(shí)顯示底部按鈕；同時(shí)在onTouch方法中隱藏底部按鈕。

genImg.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        genImg.setVisibility(View.INVISIBLE);
        Intent intent = new Intent(FakeJianShuActivity.this, GenScreenShotActivity.class);
        intent.putExtra("data", mHtmlBean);
        startActivity(intent);
      }
    });

點(diǎn)擊底部的Button就會(huì)跳轉(zhuǎn)到生成長(zhǎng)圖的界面，同時(shí)將之前獲取到的HTMLBean對(duì)象傳遞過去。

長(zhǎng)圖效果實(shí)現(xiàn)

這里首先說一下實(shí)現(xiàn)思路（思路來源于 此 ）。

?首先通過WebView加載一個(gè)本地的Html頁面，這個(gè)頁面包含一些固定，定義了一些標(biāo)簽。然后根據(jù)傳遞過來的mHtmlBean 對(duì)象中的信息，通過執(zhí)行JavaScript動(dòng)態(tài)的替換靜態(tài)HTML頁面中的內(nèi)容；

?關(guān)于黑白兩種風(fēng)格的實(shí)現(xiàn)，同樣是WebView執(zhí)行Js，動(dòng)態(tài)替換HTML中CSS 樣式，修改WebView的背景色呈現(xiàn)出兩種不同的UI 效果。

?通過WebView的capturePicture 和Canvas 可以生成出當(dāng)前WebView的Bitmap對(duì)象，有了這個(gè)Bitmap就可以圖片保存的功能了。

好了，下面就通過代碼分別實(shí)現(xiàn)上述步驟。

Html 頁面

  





    function changeContent(content) {
      document.getElementById('content').innerHTML = content;
    }

這個(gè)HTML頁面的內(nèi)容很簡(jiǎn)單，在整個(gè)文檔左上角放置了一個(gè)小角標(biāo)，就是簡(jiǎn)書APP生成長(zhǎng)圖時(shí)的那個(gè)mark.

同時(shí)定義了一個(gè)JavaScript 方法，功能也很簡(jiǎn)單，就是用傳遞的參數(shù)content替換article標(biāo)簽中的文檔內(nèi)容。

自定義WebView

為了方便，我們自定義WebView，這里看一下核心邏輯：

public class FakeWebView extends WebView {
  private boolean isFirstLoad = false;
  public void loadData(HtmlBean bean) {
    assembleData(bean);
    if (Build.VERSION.SDK_INT >= 21) {
      isFirstLoad = true;
      webView.setWebChromeClient(new WebChromeClient() {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
          if (newProgress == 100) {
            if (isFirstLoad) {
              isFirstLoad = false;
              Log.e("TAG", "onProgressChanged");
              updateView();
            }
          }
        }
      });
    } else {
      isFirstLoad = true;
      webView.setVisibility(View.INVISIBLE);
      webView.setWebChromeClient(new WebChromeClient() {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
          if (newProgress == 100) {
            updateView();
            if (!isFirstLoad)
              webView.setVisibility(View.VISIBLE);
          }
        }
      });
    }
    webView.loadUrl("file:///android_asset/JianShu.html");
  }
  private void assembleData(HtmlBean bean) {
    final String data = bean.getContent();
    final String title = bean.getTitle();
    final String username = bean.getUsername();
    final String publishTime = bean.getPublishTime();
    String Title = "
" + title + "
";
    String Footer = "
" + username + "
" + publishTime + "
";
    content = Title + data + Footer;
  }
  public void updateView() {
    if (mode == MODE_DAY) {
      webView.setBackgroundColor(Color.WHITE);
    } else {
      webView.setBackgroundColor(Color.parseColor("#263238"));
      content = "" + content + "