[app] implementations.

jingkecn · Apr 15, 2019 · 1a03ff5 · 1a03ff5
1 parent cf97f2e
commit 1a03ff5
Show file tree

Hide file tree

Showing 27 changed files with 1,055 additions and 99 deletions.
diff --git a/README.md b/README.md
@@ -1,10 +1,19 @@
 Interactive Math Pad
 ====================
 
-![preview](https://raw.githubusercontent.com/jingkecn/myscript-iink-codelabs-android-kotlin/master/docs/images/app/math-pad/preview.gif)
+This is a reproduction of [MyScript MathPad](https://www.myscript.com/retired-apps) on Android platform, based on [MyScript Interactive Ink SDK](https://www.myscript.com/interactive-ink).
 
-> [!INFO]
-> This is a reproduction of the retired MyScript MathPad for Android.
+![preview](docs/images/preview.gif)
+
+> [!ACKNOWLEDGEMENTS]
+>
+> - [1] [MyScript Interactive Ink](https://www.myscript.com/interactive-ink)®
+> - [2] [中國色](http://zhongguose.com/)
 >
 > [!DISCLAIMER]
-> The software is for your study and reference only and the developer will not be responsible for its content.
+> **The software is for your study and reference only and the developer will not be responsible for its content.**
+
+LICENSE
+-------
+
+[MIT License](LICENSE).
diff --git a/app/src/main/java/com/myscript/iink/app/mathpad/MainActivity.kt b/app/src/main/java/com/myscript/iink/app/mathpad/MainActivity.kt
@@ -6,11 +6,111 @@ package com.myscript.iink.app.mathpad
 
 import android.os.Bundle
 import android.support.v7.app.AppCompatActivity
+import android.view.Menu
+import android.view.MenuItem
+import android.view.View
+import android.widget.Toast
+import com.myscript.iink.*
+import com.myscript.iink.extensions.convert
+import com.myscript.iink.extensions.copyToClipboard
+import com.myscript.iink.uireferenceimplementation.EditorView
+import com.myscript.iink.uireferenceimplementation.FontUtils
+import com.myscript.iink.uireferenceimplementation.InputController
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
 
-class MainActivity : AppCompatActivity() {
+class MainActivity : AppCompatActivity(), IEditorListener {
+
+    private lateinit var contentPart: ContentPart
+    private lateinit var editorView: EditorView
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
+        (application as? MyApplication)?.contentPackage?.let { initWith(it) }
+        editorView = findViewById<EditorView>(R.id.editor_view).also { initWith(it) }
+    }
+
+    private fun initWith(contentPackage: ContentPackage) = with(contentPackage) {
+        createPart("Math").let { contentPart = it }
+    }
+
+    private fun initWith(view: EditorView) = with(view) {
+        (application as? IInteractiveInkApplication)?.engine?.let {
+            setEngine(it)
+            editor?.addListener(this@MainActivity)
+            inputMode = InputController.INPUT_MODE_FORCE_PEN
+            setTypefaces(FontUtils.loadFontsFromAssets(applicationContext.assets))
+            post {
+                editor?.part = contentPart
+                visibility = View.VISIBLE
+            }
+        }
+    }
+
+    override fun onDestroy() {
+        editorView.close()
+        contentPart.close()
+        super.onDestroy()
     }
+
+    // region Implementations (options menu)
+
+    override fun onCreateOptionsMenu(menu: Menu?): Boolean {
+        menuInflater.inflate(R.menu.activity_main, menu)
+        return super.onCreateOptionsMenu(menu)
+    }
+
+    override fun onPrepareOptionsMenu(menu: Menu?): Boolean {
+        menu?.let {
+            editorView.editor?.run {
+                it.findItem(R.id.menu_clear)?.isEnabled = part?.isClosed == false
+                it.findItem(R.id.menu_redo)?.isEnabled = canRedo()
+                it.findItem(R.id.menu_undo)?.isEnabled = canUndo()
+            }
+        }
+        return super.onPrepareOptionsMenu(menu)
+    }
+
+    override fun onOptionsItemSelected(item: MenuItem?): Boolean {
+        editorView.editor?.let {
+            // wait for the editor to be idle.
+            if (!it.isIdle) it.waitForIdle()
+            when (item?.itemId) {
+                R.id.menu_clear -> it.clear()
+                R.id.menu_convert -> it.convert()
+                R.id.menu_redo -> it.redo()
+                R.id.menu_undo -> it.undo()
+                R.id.menu_export_latex -> it.copyToClipboard(this, MimeType.LATEX)
+                R.id.menu_export_math_ml -> it.copyToClipboard(this, MimeType.MATHML)
+                else -> return@let
+            }
+        }
+        return super.onOptionsItemSelected(item)
+    }
+
+    // endregion
+
+    // region Implementations (IEditorListener)
+
+    override fun contentChanged(editor: Editor?, blockIds: Array<out String>?) {
+        invalidateOptionsMenu()
+    }
+
+    override fun partChanging(editor: Editor?, old: ContentPart?, new: ContentPart?) {
+        invalidateOptionsMenu()
+    }
+
+    override fun partChanged(editor: Editor?) {
+        invalidateOptionsMenu()
+    }
+
+    override fun onError(editor: Editor?, blockId: String?, message: String?) {
+        GlobalScope.launch(Dispatchers.Main) {
+            Toast.makeText(this@MainActivity, message, Toast.LENGTH_LONG).show()
+        }
+    }
+
+    // endregion
 }
diff --git a/app/src/main/java/com/myscript/iink/app/mathpad/MyApplication.kt b/app/src/main/java/com/myscript/iink/app/mathpad/MyApplication.kt
@@ -6,6 +6,7 @@ package com.myscript.iink.app.mathpad
 
 import android.app.Application
 import com.myscript.certificate.MyCertificate
+import com.myscript.iink.ContentPackage
 import com.myscript.iink.Engine
 import java.io.File
 
@@ -15,6 +16,9 @@ class MyApplication : Application(), IInteractiveInkApplication {
     override lateinit var engine: Engine
         private set
 
+    lateinit var contentPackage: ContentPackage
+        private set
+
     override fun onCreate() {
         super.onCreate()
         // Create MyScript interactive ink engine.
@@ -33,11 +37,21 @@ class MyApplication : Application(), IInteractiveInkApplication {
                 it.setString("content-package.temp-folder", "${filesDir.path}${File.separator}tmp")
             }
         }
+        val myPackageFile = File(filesDir, "$IINK_PACKAGE_NAME.iink")
+        try {
+            contentPackage = engine.createPackage(myPackageFile)
+        } catch (e: Exception) {
+            e.printStackTrace()
+        }
     }
 
     override fun onTerminate() {
-        // close MyScript iink runtime to release resources.
+        contentPackage.close()
         engine.close()
         super.onTerminate()
     }
+
+    companion object {
+        private const val IINK_PACKAGE_NAME = "my_math_pad_package"
+    }
 }
diff --git a/app/src/main/java/com/myscript/iink/extensions/Editor.kt b/app/src/main/java/com/myscript/iink/extensions/Editor.kt
@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) MyScript. All rights reserved.
+ */
+
+package com.myscript.iink.extensions
+
+import android.content.ClipData
+import android.content.ClipboardManager
+import android.content.Context
+import android.support.annotation.NonNull
+import android.widget.Toast
+import com.myscript.iink.Editor
+import com.myscript.iink.MimeType
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
+
+fun Editor.convert() =
+    getSupportedTargetConversionStates(null).firstOrNull()?.let { convert(null, it) }
+
+fun Editor.copyToClipboard(@NonNull context: Context, type: MimeType) =
+    export_(null, type).let {
+        GlobalScope.launch(Dispatchers.Main) {
+            (context.getSystemService(Context.CLIPBOARD_SERVICE) as? ClipboardManager)?.run {
+                primaryClip = ClipData.newPlainText(type.name, it)
+                Toast.makeText(
+                    context,
+                    "String ($type) copied to clipboard:\n$it",
+                    Toast.LENGTH_LONG
+                ).show()
+            }
+        }
+    }
diff --git a/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
@@ -5,57 +5,60 @@
 <vector xmlns:android="http://schemas.android.com/apk/res/android"
     android:width="108dp"
     android:height="108dp"
-    android:viewportWidth="320"
-    android:viewportHeight="320">
+    android:viewportWidth="1024"
+    android:viewportHeight="1024">
     <path
-        android:fillColor="#009FE3"
-        android:pathData="M271.2,224.8c1.1,1.2 1.7,2.9 1.8,4.4c0,1.5 -0.5,2.9 -1,4c-0.5,1.1 -1.2,1.9 -1.9,2.7c-0.3,0.4 -0.7,0.7 -1.1,1.1c-0.5,0.4 -0.6,0.4 -1.1,0.9c-1.5,1.3 -3.2,2.3 -4.9,3.1c-3.4,1.7 -7.2,2.7 -11.2,2.5c-2,-0.2 -4,-0.6 -5.8,-1.7c-0.9,-0.5 -1.7,-1.2 -2.4,-1.9c-0.1,-0.1 -0.2,-0.2 -0.3,-0.3c-0.9,0.7 -1.7,1.2 -2.4,1.7c-0.6,0.4 -1.2,0.7 -1.7,0.9c-0.5,0.2 -1.1,0.3 -1.6,0.4c-0.6,0 -1,0 -1.3,0c-0.3,-0.1 -0.5,-0.1 -0.5,-0.1h-0.1c-1.3,-0.2 -2.2,-1.2 -2.5,-2.4c0,0 -0.1,-0.1 -0.1,-0.5c-0.1,-0.3 -0.1,-0.8 0,-1.3c0,-0.5 0.2,-1.1 0.5,-1.7c0.3,-0.5 0.8,-1.2 1.2,-1.8c0.4,-0.6 1.1,-1.4 1.8,-2c0.8,-0.6 1.6,-1.3 2.5,-1.9c0.3,-0.1 0.5,-0.3 0.8,-0.5c0,-1.1 0.1,-2.2 0.5,-3.2c1.1,-3.3 3.1,-5.7 5.2,-7.5c2.1,-1.7 4.3,-3 6.3,-3.8c2,-0.8 3.8,-1.3 5.3,-1.7c1.5,-0.3 2.7,-0.5 3.5,-0.6c0.8,0 1.3,-0.1 1.3,-0.1c0.3,0 0.6,0.2 0.6,0.5c0,0.3 -0.2,0.5 -0.5,0.6c0,0 -0.4,0.1 -1.2,0.3c-0.8,0.2 -1.9,0.4 -3.3,0.9c-1.4,0.5 -3.1,1.1 -4.9,2c-1.9,0.9 -3.8,2.1 -5.5,3.9c-1.7,1.8 -3.3,3.9 -3.8,6.4c0.6,-0.4 1.3,-0.7 1.9,-1.1c2.5,-1.3 5.2,-2.6 8.3,-3.7c1.6,-0.6 3.3,-1 4.9,-1.4c1.9,-0.4 3.9,-0.6 6,-0.3c1,0.1 2.1,0.3 3.3,0.8c1.2,0.5 2.4,1.2 3.4,2.4zM266,230.3c0.2,-0.3 0.1,-0.8 0.1,-1c-0.1,-0.1 -0.3,-0.3 -0.7,-0.4c-0.5,-0.1 -1,-0.2 -1.5,-0.2c-1.1,0 -2.3,0.1 -3.5,0.5c-0.4,0.1 -0.7,0.3 -1.1,0.4c-0.9,0.4 -1.8,0.6 -2.7,1.1c-2.4,1.1 -4.6,2.3 -6.6,3.6c-1.3,0.8 -2.6,1.7 -3.7,2.6c0.4,0.4 1,0.7 1.5,1c1.2,0.5 2.5,0.7 3.9,0.7c2.9,-0.1 5.9,-1.2 8.5,-2.7c1.2,-0.7 2.5,-1.6 3.5,-2.6c0.2,-0.2 0.6,-0.6 0.8,-0.8c0.1,-0.2 0.4,-0.4 0.6,-0.7c0.4,-0.5 0.7,-1 0.9,-1.5zM266,230.3c-0.2,0.5 0.2,-0.3 0,0z" />
+        android:fillColor="#000000"
+        android:pathData="M280.62,309.23L280.62,293.77L541.24,293.77L570.54,394.31L552.02,394.31L532.57,335.72Q528.59,323.53 519.68,318.61Q511.01,313.45 484.52,313.45L367.1,313.45L507.49,496.97L507.49,506.58L352.34,665.95L539.37,665.95Q549.45,665.95 552.96,662.91Q556.71,659.86 558.82,650.95L574.05,597.28L592.57,597.28L555.77,731.11L279.68,731.11L279.68,714.47L453.12,537.28L280.62,309.23Z" />
+    <path
+        android:fillColor="#009fe3"
+        android:pathData="M745,579.2c0,1.5 -0.5,2.9 -1,4c-0.5,1.1 -1.2,1.9 -1.9,2.7c-0.3,0.4 -0.7,0.7 -1.1,1.1c-0.5,0.4 -0.6,0.4 -1.1,0.9c-1.5,1.3 -3.2,2.3 -4.9,3.1c-3.4,1.7 -7.2,2.7 -11.2,2.5c-2,-0.2 -4,-0.6 -5.8,-1.7c-0.9,-0.5 -1.7,-1.2 -2.4,-1.9c-0.1,-0.1 -0.2,-0.2 -0.3,-0.3c-0.9,0.7 -1.7,1.2 -2.4,1.7c-0.6,0.4 -1.2,0.7 -1.7,0.9c-0.5,0.2 -1.1,0.3 -1.6,0.4c-0.6,0 -1,0 -1.3,0c-0.3,-0.1 -0.5,-0.1 -0.5,-0.1h-0.1c-1.3,-0.2 -2.2,-1.2 -2.5,-2.4c0,0 -0.1,-0.1 -0.1,-0.5c-0.1,-0.3 -0.1,-0.8 0,-1.3c0,-0.5 0.2,-1.1 0.5,-1.7c0.3,-0.5 0.8,-1.2 1.2,-1.8c0.4,-0.6 1.1,-1.4 1.8,-2c0.8,-0.6 1.6,-1.3 2.5,-1.9c0.3,-0.1 0.5,-0.3 0.8,-0.5c0,-1.1 0.1,-2.2 0.5,-3.2c1.1,-3.3 3.1,-5.7 5.2,-7.5c2.1,-1.7 4.3,-3 6.3,-3.8c2,-0.8 3.8,-1.3 5.3,-1.7c1.5,-0.3 2.7,-0.5 3.5,-0.6c0.8,0 1.3,-0.1 1.3,-0.1c0.3,0 0.6,0.2 0.6,0.5c0,0.3 -0.2,0.5 -0.5,0.6c0,0 -0.4,0.1 -1.2,0.3c-0.8,0.2 -1.9,0.4 -3.3,0.9c-1.4,0.5 -3.1,1.1 -4.9,2c-1.9,0.9 -3.8,2.1 -5.5,3.9c-1.7,1.8 -3.3,3.9 -3.8,6.4c0.6,-0.4 1.3,-0.7 1.9,-1.1c2.5,-1.3 5.2,-2.6 8.3,-3.7c1.6,-0.6 3.3,-1 4.9,-1.4c1.9,-0.4 3.9,-0.6 6,-0.3c1,0.1 2.1,0.3 3.3,0.8c1.2,0.5 2.4,1.2 3.4,2.4c1.1,1.2 1.7,2.9 1.8,4.4zM738.1,579.3c-0.1,-0.1 -0.3,-0.3 -0.7,-0.4c-0.5,-0.1 -1,-0.2 -1.5,-0.2c-1.1,0 -2.3,0.1 -3.5,0.5c-0.4,0.1 -0.7,0.3 -1.1,0.4c-0.9,0.4 -1.8,0.6 -2.7,1.1c-2.4,1.1 -4.6,2.3 -6.6,3.6c-1.3,0.8 -2.6,1.7 -3.7,2.6c0.4,0.4 1,0.7 1.5,1c1.2,0.5 2.5,0.7 3.9,0.7c2.9,-0.1 5.9,-1.2 8.5,-2.7c1.2,-0.7 2.5,-1.6 3.5,-2.6c0.2,-0.2 0.6,-0.6 0.8,-0.8c0.1,-0.2 0.4,-0.4 0.6,-0.7c0.4,-0.5 0.7,-1 0.9,-1.5c0.2,-0.3 0.1,-0.8 0.1,-1z" />
     <path
-        android:fillColor="#009FE3"
-        android:pathData="M253.4,201.5c0.4,-0.3 0.4,-0.8 0.6,-1.3c2.1,-6.7 3.3,-13.7 4.5,-20.5c1.3,-7.7 2.2,-15.5 3,-23.2c1.6,-15.6 2.5,-31.4 3,-47.1c0.2,-3.5 0.7,-7.1 -0.5,-10.6c-1,-2.9 -4.4,-4.8 -7.5,-4.6c-3.1,0.2 -5.8,2.6 -6.5,5.5c-0.8,3.4 0,7.1 0.3,10.6c1.3,15.5 2.3,31.2 2.8,46.8c0.3,7.9 0.4,15.7 0.3,23.5c-0.1,6.7 -0.4,13.4 -1.3,20c-0.1,0.7 0.7,1.3 1.3,0.9z" />
+        android:fillColor="#009fe3"
+        android:pathData="M725.4,551.5c0.4,-0.3 0.4,-0.8 0.6,-1.3c2.1,-6.7 3.3,-13.7 4.5,-20.5c1.3,-7.7 2.2,-15.5 3,-23.2c1.6,-15.6 2.5,-31.4 3,-47.1c0.2,-3.5 0.7,-7.1 -0.5,-10.6c-1,-2.9 -4.4,-4.8 -7.5,-4.6c-3.1,0.2 -5.8,2.6 -6.5,5.5c-0.8,3.4 0,7.1 0.3,10.6c1.3,15.5 2.3,31.2 2.8,46.8c0.3,7.9 0.4,15.7 0.3,23.5c-0.1,6.7 -0.4,13.4 -1.3,20c-0.1,0.7 0.7,1.3 1.3,0.9z" />
     <path
-        android:fillColor="#009FE3"
-        android:pathData="M50.8,246c1.6,1 4.1,1.2 6.7,0.9c2.7,-0.2 5.5,-0.9 8.2,-1.5c5.6,-1.3 11.4,-2.7 17.2,-3.8c11.9,-2.2 23.8,-4.2 35.8,-5.7c12.3,-1.4 24.7,-2.4 37.1,-2.9c12.1,-0.5 24.2,-0.6 36.3,-0.4c5.6,0 11.2,0.2 16.7,0.5c2.1,0.1 4.3,0.2 6.5,0.3c0.4,0 0.7,0 1,0c0.8,-0.1 0.9,-1.1 0.1,-1.4c-1.2,-0.4 -2.5,-0.3 -3.7,-0.5c-2.7,-0.4 -5.4,-0.7 -8.1,-1c-5.7,-0.6 -11.4,-1.2 -17.1,-1.7c-12,-1.1 -24.1,-1.7 -36.1,-1.9c-12.5,-0.2 -24.8,0.2 -37.3,0.9c-12,0.7 -24.1,1.9 -36,3.8c-5.6,0.8 -11.4,1.7 -17.1,2.8c-4.6,0.9 -9,1.5 -11.5,5.9c-1,2 -0.5,4.7 1.3,5.7z" />
+        android:fillColor="#009fe3"
+        android:pathData="M522.8,596c1.6,1 4.1,1.2 6.7,0.9c2.7,-0.2 5.5,-0.9 8.2,-1.5c5.6,-1.3 11.4,-2.7 17.2,-3.8c11.9,-2.2 23.8,-4.2 35.8,-5.7c12.3,-1.4 24.7,-2.4 37.1,-2.9c12.1,-0.5 24.2,-0.6 36.3,-0.4c5.6,0 11.2,0.2 16.7,0.5c2.1,0.1 4.3,0.2 6.5,0.3c0.4,0 0.7,0 1,0c0.8,-0.1 0.9,-1.1 0.1,-1.4c-1.2,-0.4 -2.5,-0.3 -3.7,-0.5c-2.7,-0.4 -5.4,-0.7 -8.1,-1c-5.7,-0.6 -11.4,-1.2 -17.1,-1.7c-12,-1.1 -24.1,-1.7 -36.1,-1.9c-12.5,-0.2 -24.8,0.2 -37.3,0.9c-12,0.7 -24.1,1.9 -36,3.8c-5.6,0.8 -11.4,1.7 -17.1,2.8c-4.6,0.9 -9,1.5 -11.5,5.9c-1,2 -0.5,4.7 1.3,5.7z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M221.5,196.7l-24.7,-33.6l23.3,-28.3h-17.6l-20.7,26.2v-57.5l-15.7,2.5v92.1h15.7v-31.3l23.2,32.2z" />
+        android:pathData="M693.5,546.7l-24.7,-33.6l23.3,-28.3h-17.6l-20.7,26.2v-57.5l-15.7,2.5v92.1h15.7v-31.3l23.2,32.2z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M140.2,198.1h15.9v-45.6c0,-11.8 -6.3,-19 -18.1,-19c-8.5,0 -15.2,4.6 -21.1,10.2l-1.5,-8.9h-13.4v63.3h15.7v-42.7c4.6,-4.8 9.4,-8 14.4,-8c5.7,0 8.1,3.8 8.1,9.3v41.4z" />
+        android:pathData="M612.2,548.1h15.9v-45.6c0,-11.8 -6.3,-19 -18.1,-19c-8.5,0 -15.2,4.6 -21.1,10.2l-1.5,-8.9h-13.4v63.3h15.7v-42.7c4.6,-4.8 9.4,-8 14.4,-8c5.7,0 8.1,3.8 8.1,9.3z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M75.8,198.1h15.6v-63.3h-15.6v63.3z" />
+        android:pathData="M547.8,548.1h15.6v-63.3h-15.6v63.3z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M118.1,115.2c0,-5.2 -4.2,-9.4 -9.4,-9.4c-5.2,0 -9.4,4.2 -9.4,9.4c0,5.2 4.2,9.4 9.4,9.4c5.2,0 9.4,-4.2 9.4,-9.4z" />
+        android:pathData="M590.1,465.2c0,-5.2 -4.2,-9.4 -9.4,-9.4c-5.2,0 -9.4,4.2 -9.4,9.4c0,5.2 4.2,9.4 9.4,9.4c5.2,0 9.4,-4.2 9.4,-9.4z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M93,115.2c0,-5.2 -4.2,-9.4 -9.4,-9.4c-5.2,0 -9.4,4.2 -9.4,9.4c0,5.2 4.2,9.4 9.4,9.4c5.2,0 9.4,-4.2 9.4,-9.4z" />
+        android:pathData="M565,465.2c0,-5.2 -4.2,-9.4 -9.4,-9.4c-5.2,0 -9.4,4.2 -9.4,9.4c0,5.2 4.2,9.4 9.4,9.4c5.2,0 9.4,-4.2 9.4,-9.4z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M90.3,93.4h3l-1.2,-15.4h-3.7l-3.9,11.7l-3.9,-11.7h-3.8l-1.2,15.4h2.7l0.8,-11.3l3.9,11.3h2.6l3.9,-11.3l0.8,11.3z" />
+        android:pathData="M562.3,443.4h3l-1.2,-15.4h-3.7l-3.9,11.7l-3.9,-11.7h-3.8l-1.2,15.4h2.7l0.8,-11.3l3.9,11.3h2.6l3.9,-11.3l0.8,11.3z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M104.4,82.6h-2.7l-2.4,7.5l-2.5,-7.7l-2.8,0.4l3.8,10.8l-0.2,0.7c-0.3,0.7 -0.9,1.1 -1.7,1.1c-0.6,0 -0.9,-0.1 -1.3,-0.2l0.4,2.2c0.3,0.1 0.5,0.1 1,0.1c2.1,0 3.3,-0.8 4.3,-3.5z" />
+        android:pathData="M576.4,432.6h-2.7l-2.4,7.5l-2.5,-7.7l-2.8,0.4l3.8,10.8l-0.2,0.7c-0.3,0.7 -0.9,1.1 -1.7,1.1c-0.6,0 -0.9,-0.1 -1.3,-0.2l0.4,2.2c0.3,0.1 0.5,0.1 1,0.1c2.1,0 3.3,-0.8 4.3,-3.5z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M115.2,89c0,-2.4 -1.1,-3.5 -4.3,-4.8c-2.1,-0.8 -2.6,-1.3 -2.6,-2.3c0,-1 0.6,-1.7 2.1,-1.7c1.2,0 2.5,0.5 3.6,1.2l0.4,-2.7c-1.1,-0.5 -2.4,-0.9 -4.1,-0.9c-2.9,0 -5,1.6 -5,4.3c0,2.4 1.2,3.4 4.2,4.6c2.3,1 2.8,1.5 2.8,2.6c0,1.3 -0.9,1.9 -2.3,1.9c-1.6,0 -3.2,-0.6 -4.5,-1.4l-0.4,2.7c1.4,0.7 3,1.1 4.9,1.1c3,0 5.2,-1.6 5.2,-4.6z" />
+        android:pathData="M587.2,439c0,-2.4 -1.1,-3.5 -4.3,-4.8c-2.1,-0.8 -2.6,-1.3 -2.6,-2.3c0,-1 0.6,-1.7 2.1,-1.7c1.2,0 2.5,0.5 3.6,1.2l0.4,-2.7c-1.1,-0.5 -2.4,-0.9 -4.1,-0.9c-2.9,0 -5,1.6 -5,4.3c0,2.4 1.2,3.4 4.2,4.6c2.3,1 2.8,1.5 2.8,2.6c0,1.3 -0.9,1.9 -2.3,1.9c-1.6,0 -3.2,-0.6 -4.5,-1.4l-0.4,2.7c1.4,0.7 3,1.1 4.9,1.1c3,0 5.2,-1.6 5.2,-4.6z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M125.1,92.6l-0.4,-2.3c-1,0.8 -1.9,1 -2.8,1c-1.6,0 -2.8,-1.1 -2.8,-3.3c0,-2.2 1.2,-3.3 2.7,-3.3c1,0 1.9,0.3 2.8,1l0.4,-2.4c-0.9,-0.5 -1.9,-0.9 -3.4,-0.9c-2.9,0 -5.2,1.9 -5.2,5.7c0,3.5 2.1,5.5 5.1,5.5c1.3,0 2.4,-0.3 3.6,-1z" />
+        android:pathData="M597.1,442.6l-0.4,-2.3c-1,0.8 -1.9,1 -2.8,1c-1.6,0 -2.8,-1.1 -2.8,-3.3c0,-2.2 1.2,-3.3 2.7,-3.3c1,0 1.9,0.3 2.8,1l0.4,-2.4c-0.9,-0.5 -1.9,-0.9 -3.4,-0.9c-2.9,0 -5.2,1.9 -5.2,5.7c0,3.5 2.1,5.5 5.1,5.5c1.3,0 2.4,-0.3 3.6,-1z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M133,85.1l-0.4,-2.7c-1.7,0.1 -2.8,1.1 -3.5,2.4l-0.3,-2.2h-2.3v10.8h2.7v-6.2c0.8,-1.2 2.2,-2.1 3.8,-2.1z" />
+        android:pathData="M605,435.1l-0.4,-2.7c-1.7,0.1 -2.8,1.1 -3.5,2.4l-0.3,-2.2h-2.3v10.8h2.7v-6.2c0.8,-1.2 2.2,-2.1 3.8,-2.1z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M137.1,79.3c0,-1 -0.7,-1.6 -1.6,-1.6c-0.9,0 -1.6,0.7 -1.6,1.6c0,0.9 0.7,1.5 1.6,1.5c0.9,0 1.6,-0.7 1.6,-1.5zM134.1,93.4h2.7v-10.8h-2.7v10.8z" />
+        android:pathData="M609.1,429.3c0,-1 -0.7,-1.6 -1.6,-1.6c-0.9,0 -1.6,0.7 -1.6,1.6c0,0.9 0.7,1.5 1.6,1.5c0.9,0 1.6,-0.7 1.6,-1.5zM606.1,443.4h2.7v-10.8h-2.7z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M144.1,93.5c-1,0 -1.9,-0.2 -2.5,-0.4v4.1l-2.7,0.4v-15h2.3l0.2,1.5c0.8,-0.9 1.8,-1.7 3.3,-1.7c2.3,0 4.1,1.7 4.1,5.3c0,4 -2.2,5.8 -4.7,5.8zM144,84.7c-1,0 -1.7,0.6 -2.4,1.5v4.6c0.6,0.3 1.2,0.5 2.1,0.5c1.4,0 2.4,-1.1 2.4,-3.5c0,-2 -0.9,-3.1 -2.1,-3.1z" />
+        android:pathData="M613.6,443.1v4.1l-2.7,0.4v-15h2.3l0.2,1.5c0.8,-0.9 1.8,-1.7 3.3,-1.7c2.3,0 4.1,1.7 4.1,5.3c0,4 -2.2,5.8 -4.7,5.8c-1,0 -1.9,-0.2 -2.5,-0.4zM616,434.7c-1,0 -1.7,0.6 -2.4,1.5v4.6c0.6,0.3 1.2,0.5 2.1,0.5c1.4,0 2.4,-1.1 2.4,-3.5c0,-2 -0.9,-3.1 -2.1,-3.1z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M156,93.5l-0.3,-2.3c-0.2,0.1 -0.5,0.1 -0.8,0.1c-1,0 -1.4,-0.4 -1.4,-1.3v-5.1h2.5l-0.3,-2.2h-2.2v-3.8l-2.6,0.4v3.4h-1.5v2.2h1.5v5.5c0,2.4 1.5,3.2 3.6,3.2c0.8,0 1.3,-0.1 1.5,-0.1z" />
+        android:pathData="M628,443.5l-0.3,-2.3c-0.2,0.1 -0.5,0.1 -0.8,0.1c-1,0 -1.4,-0.4 -1.4,-1.3v-5.1h2.5l-0.3,-2.2h-2.2v-3.8l-2.6,0.4v3.4h-1.5v2.2h1.5v5.5c0,2.4 1.5,3.2 3.6,3.2c0.8,0 1.3,-0.1 1.5,-0.1z" />
     <path
         android:fillColor="#000000"
-        android:pathData="M231.9,198.9c-3,0 -5.1,-2.1 -5.1,-5.2c0,-3.1 2.1,-5.2 5.1,-5.2c3,0 5.1,2.1 5.1,5.2c0,3.1 -2.1,5.2 -5.1,5.2zM231.9,189.1c-2.4,0 -4.3,1.7 -4.3,4.6c0,2.9 1.9,4.6 4.3,4.6c2.4,0 4.4,-1.7 4.4,-4.6c0,-2.9 -1.9,-4.6 -4.4,-4.6zM233.2,196.5l-1.5,-2.3h-0.4v2.2h-1.3v-5.7h2c1.3,0 2.1,0.6 2.1,1.7c0,0.8 -0.4,1.3 -1.1,1.6l1.5,2.3zM231.9,191.7h-0.6v1.6h0.6c0.6,0 1,-0.3 1,-0.8c-0.1,-0.5 -0.4,-0.8 -1,-0.8z" />
+        android:pathData="M703.9,548.9c-3,0 -5.1,-2.1 -5.1,-5.2c0,-3.1 2.1,-5.2 5.1,-5.2c3,0 5.1,2.1 5.1,5.2c0,3.1 -2.1,5.2 -5.1,5.2zM703.9,539.1c-2.4,0 -4.3,1.7 -4.3,4.6c0,2.9 1.9,4.6 4.3,4.6c2.4,0 4.4,-1.7 4.4,-4.6c0,-2.9 -1.9,-4.6 -4.4,-4.6zM705.2,546.5l-1.5,-2.3h-0.4v2.2h-1.3v-5.7h2c1.3,0 2.1,0.6 2.1,1.7c0,0.8 -0.4,1.3 -1.1,1.6l1.5,2.3zM703.3,541.7v1.6h0.6c0.6,0 1,-0.3 1,-0.8c-0.1,-0.5 -0.4,-0.8 -1,-0.8z" />
 </vector>
diff --git a/app/src/main/res/drawable/ic_clear.xml b/app/src/main/res/drawable/ic_clear.xml
@@ -0,0 +1,14 @@
+<!--
+  ~ Copyright (c) MyScript. All rights reserved.
+  -->
+
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:tint="?android:attr/colorControlNormal"
+    android:viewportWidth="24.0"
+    android:viewportHeight="24.0">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M6,19c0,1.1 0.9,2 2,2h8c1.1,0 2,-0.9 2,-2V7H6v12zM19,4h-3.5l-1,-1h-5l-1,1H5v2h14V4z" />
+</vector>