TextEditor文字編輯器

前言

• 前提: 先安裝 node node.js npm
• 方法:
  
  • cd tools/assets/ace/
  • node ./Makefile.dryice.js

整體結構

• 伺服器程式碼位置: origin git://192.168.0.185/TextEditor.git
• 專案工程(app)
  
  • ui包
    
    • 編輯器的主要介面的搭建。
• file_explore
  
  • 檔案瀏覽module用於開啟/另存為/儲存時，檔案儲存位置的瀏覽.
• common
• styles
  
  • 這兩個module主要是一些輔助。

核心程式碼

• assets資原始檔夾
  
  • ace資料夾
    
    • ace核心
    • 這裡都是js的檔案
  • css
    
    • 文字編輯區的樣式
• 這部分核心編輯區的開發需要web的知識。

功能需求

專案邏輯程式碼分析

• EditAreaView.java

  • 富文字編輯器的實現都是通過extends　WebView.
  • 基礎配置如下:

      WebSettings ws = getSettings();
      ws.setDefaultZoom(WebSettings.ZoomDensity.FAR);
      ws.setAllowContentAccess(true);
      ws.setAllowFileAccess(true);
      ws.setBuiltInZoomControls
   
  (false);
      ws.setDefaultTextEncodingName("utf-8");
      ws.setDisplayZoomControls(false);
      ws.setSupportZoom(false);
      ws.setLoadWithOverviewMode(false);
  
      ws.setJavaScriptEnabled(true);
      ws.setAppCacheEnabled(false);
      ws.setDomStorageEnabled(true);
      ws.setAppCacheMaxSize(1024 * 1024
   
   * 80);
      ws.setAppCachePath(context.getCacheDir().getPath());
      //ws.setAllowFileAccess(true);
      ws.setCacheMode(WebSettings.LOAD_DEFAULT);
  
      addJavascriptInterface(new JavascriptApi(), "AndroidEditor");//互動介面AndroidEditor
  
      setWebViewClient(new EditorViewClient());
      setWebChromeClient(new EditorViewChromeClient());

• InputConnectionHacker.java

  • 該類 implements InputConnection
    
    • InputConnection.java- 用於文字輸入的介面
    • openthos 系統中在InputConnection中添加了 isLauncherFocus(boolean isFocus)方法
    • 在InputConnectionHacker中也需要實現該方法；

• MenuDialog.java

  • 頂部選單的dialog實現
• TabManager.java
  
  • implements TabViewPager.OnPageChangeListener
  • 對編輯欄的增加
• TabAdapter.java
  
  • extends RecyclerView.Adapter
  • 實現佈局的
    

針對js和java之間的呼叫

• bridge.js
  
  • AndroidEditor.onScrollStart();
• EditAreaView.java
  
  • @JavascriptInterface
  • public void onScrollStart() {
    ……
    }
  • 函式名一致進行 transmit.