├── app ├── .gitignore ├── src │ ├── main │ │ ├── res │ │ │ ├── mipmap-hdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxxhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── layout │ │ │ │ ├── card_math_recyclerview.xml │ │ │ │ ├── activity_mathview_list.xml │ │ │ │ ├── activity_runtime_layout.xml │ │ │ │ ├── activity_mathview_in_layout.xml │ │ │ │ └── activity_main.xml │ │ │ └── values │ │ │ │ ├── strings.xml │ │ │ │ ├── colors.xml │ │ │ │ └── styles.xml │ │ ├── java │ │ │ └── katex │ │ │ │ └── hourglass │ │ │ │ └── in │ │ │ │ └── katextuts │ │ │ │ ├── activities │ │ │ │ ├── MathviewInLayoutActivity.java │ │ │ │ ├── MainActivity.java │ │ │ │ ├── MathViewAdditionAtRuntime.java │ │ │ │ └── MathViewListActivity.java │ │ │ │ ├── Helpers.java │ │ │ │ └── adapters │ │ │ │ └── MathListAdapter.java │ │ └── AndroidManifest.xml │ ├── test │ │ └── java │ │ │ └── katex │ │ │ └── hourglass │ │ │ └── in │ │ │ └── katextuts │ │ │ └── ExampleUnitTest.java │ └── androidTest │ │ └── java │ │ └── katex │ │ └── hourglass │ │ └── in │ │ └── katextuts │ │ └── ExampleInstrumentedTest.java ├── proguard-rules.pro └── build.gradle ├── settings.gradle ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── .gitignore ├── README.md ├── gradle.properties ├── gradlew.bat └── gradlew /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lingarajsankaravelu/KatexTuts/master/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/workspace.xml 5 | /.idea/libraries 6 | .DS_Store 7 | /build 8 | /captures 9 | .externalNativeBuild 10 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Tue Apr 04 22:16:11 IST 2017 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-3.3-all.zip 7 | -------------------------------------------------------------------------------- /app/src/test/java/katex/hourglass/in/katextuts/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package katex.hourglass.in.katextuts; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * @see Testing documentation 11 | */ 12 | public class ExampleUnitTest { 13 | @Test 14 | public void addition_isCorrect() throws Exception { 15 | assertEquals(4, 2 + 2); 16 | } 17 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # KatexTuts 2 | Sample code Demo on how to use math latex rendering using khan academy katex, I have published a library in Jcenter which you can use it with android application by adding it as dependencie. 3 | 4 | compile 'in.hourglass.mathrender:katexmathview:1.0' 5 | 6 | ## Latex Rendering with katex MathView Demo 7 | ![demo_katex_list_200](https://cloud.githubusercontent.com/assets/8025146/24969740/628856d2-1fcf-11e7-9daf-01e7fd5452db.gif) ![demo_katex_layout_200](https://cloud.githubusercontent.com/assets/8025146/24969771/825f161c-1fcf-11e7-8955-945a363404b0.gif) ![demo_katex_runtime_200](https://cloud.githubusercontent.com/assets/8025146/24969808/a3a42e3e-1fcf-11e7-83b5-beb802b700e8.gif) 8 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | org.gradle.jvmargs=-Xmx1536m 13 | 14 | # When configured, Gradle will run in incubating parallel mode. 15 | # This option should only be used with decoupled projects. More details, visit 16 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 17 | # org.gradle.parallel=true 18 | -------------------------------------------------------------------------------- /app/src/main/res/layout/card_math_recyclerview.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 12 | 13 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /app/src/androidTest/java/katex/hourglass/in/katextuts/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package katex.hourglass.in.katextuts; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumentation test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() throws Exception { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("katex.hourglass.in.katextuts", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /app/src/main/java/katex/hourglass/in/katextuts/activities/MathviewInLayoutActivity.java: -------------------------------------------------------------------------------- 1 | package katex.hourglass.in.katextuts.activities; 2 | 3 | import android.os.Bundle; 4 | import android.support.annotation.Nullable; 5 | import android.support.v7.app.AppCompatActivity; 6 | import android.support.v7.widget.Toolbar; 7 | 8 | import katex.hourglass.in.katextuts.R; 9 | 10 | /** 11 | * Created by lingaraj on 4/4/17. 12 | */ 13 | 14 | public class MathviewInLayoutActivity extends AppCompatActivity { 15 | 16 | @Override 17 | protected void onCreate(@Nullable Bundle savedInstanceState) { 18 | super.onCreate(savedInstanceState); 19 | setContentView(R.layout.activity_mathview_in_layout); 20 | setInitialViews(); 21 | } 22 | 23 | private void setInitialViews() { 24 | Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 25 | setSupportActionBar(toolbar); 26 | getSupportActionBar().setTitle("Katex MathView In Layout Demo"); 27 | 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | KatexTuts 3 | 4 | $=\\frac{40}{100}\\times9000$ 5 | $x:35::48:60$ 6 | $x=\\frac{1+y}{1+2z^2}$ 7 | $$x=\\frac{1+y}{1+2z^2}$$ 8 | $\\int_0^\\infty e^{-x^2} dx=\\frac{\\sqrt{\\pi}}{2}$ 9 | $$\int_0^\\infty e^{-x^2} dx=\\frac{\\sqrt{\\pi}}{2}$$ 10 | $\\displaystyle \\int_0^\\infty e^{-x^2} dx$ 11 | $\\sqrt{2} \\sin x$ 12 | $\\int \\!\\! \\int f(x,y)\\,\\mathrm{d}x\\mathrm{d}y$ 13 | $${n+1\\choose k} = {n\\choose k} + {n \\choose k-1} 14 | $$ 15 | 16 | $\\int_0^\\infty e^{-x^2} dx=\\frac{\\sqrt{\\pi}}{2}$ 17 | $${n+1\\choose k} = {n\\choose k} + {n \\choose k-1}$$ 18 | 19 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/lingaraj/Library/Android/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Uncomment this to preserve the line number information for 20 | # debugging stack traces. 21 | #-keepattributes SourceFile,LineNumberTable 22 | 23 | # If you keep the line number information, uncomment this to 24 | # hide the original source file name. 25 | #-renamesourcefileattribute SourceFile 26 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 23 | 26 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 25 5 | buildToolsVersion "25.0.0" 6 | defaultConfig { 7 | applicationId "katex.hourglass.in.katextuts" 8 | minSdkVersion 11 9 | targetSdkVersion 25 10 | versionCode 1 11 | versionName "1.0" 12 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(include: ['*.jar'], dir: 'libs') 24 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { 25 | exclude group: 'com.android.support', module: 'support-annotations' 26 | }) 27 | compile 'com.android.support:appcompat-v7:25.1.1' 28 | compile 'com.android.support.constraint:constraint-layout:1.0.0-alpha8' 29 | testCompile 'junit:junit:4.12' 30 | compile 'in.hourglass.mathrender:katexmathview:1.0' 31 | compile 'com.android.support:recyclerview-v7:25.1.1' 32 | compile 'com.android.support:cardview-v7:25.0.0' 33 | compile 'com.android.support:design:25.1.1' 34 | } 35 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #8BC34A 4 | #689F38 5 | #DCEDC8 6 | #00BCD4 7 | #212121 8 | #757575 9 | #FFFFFF 10 | #212121 11 | #BDBDBD 12 | #F44336 13 | #3F51B5 14 | #009688 15 | #FF9800 16 | #E91E63 17 | #2196F3 18 | #4CAF50 19 | #FF5722 20 | #9C27B0 21 | #03A9F4 22 | #8BC34A 23 | #795548 24 | #673AB7 25 | #00BCD4 26 | #FFC107 27 | #607D8B 28 | #9E9E9E 29 | 30 | 31 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_mathview_list.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 11 | 15 | 16 | 22 | 23 | 24 | 25 | 26 | 27 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | 16 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_runtime_layout.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 14 | 18 | 19 | 25 | 26 | 27 | 28 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /app/src/main/java/katex/hourglass/in/katextuts/activities/MainActivity.java: -------------------------------------------------------------------------------- 1 | package katex.hourglass.in.katextuts.activities; 2 | 3 | import android.content.Intent; 4 | import android.support.v7.app.AppCompatActivity; 5 | import android.os.Bundle; 6 | import android.support.v7.widget.Toolbar; 7 | import android.util.Log; 8 | import android.view.View; 9 | 10 | import katex.hourglass.in.katextuts.R; 11 | 12 | public class MainActivity extends AppCompatActivity { 13 | private String TAG = "MainActivity"; 14 | 15 | @Override 16 | protected void onCreate(Bundle savedInstanceState) { 17 | super.onCreate(savedInstanceState); 18 | setContentView(R.layout.activity_main); 19 | setInitialViews(); 20 | } 21 | 22 | private void setInitialViews() { 23 | Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 24 | setSupportActionBar(toolbar); 25 | getSupportActionBar().setTitle("Katex MathView Demo"); 26 | 27 | 28 | } 29 | 30 | public void recyclerViewClick(View view) { 31 | Log.d(TAG,"Using Mathview in Recyclerview Clicked"); 32 | Intent intent = new Intent(getApplicationContext(),MathViewListActivity.class); 33 | startActivity(intent); 34 | } 35 | 36 | public void layoutViewClick(View view) { 37 | Log.d(TAG,"Using MathView in Layout Clicked"); 38 | Intent intent = new Intent(getApplicationContext(),MathviewInLayoutActivity.class); 39 | startActivity(intent); 40 | } 41 | 42 | public void addingAtRuntime(View view) { 43 | Log.d(TAG,"Adding Mathview at runtime Clicked"); 44 | Intent intent = new Intent(getApplicationContext(),MathViewAdditionAtRuntime.class); 45 | startActivity(intent); 46 | } 47 | 48 | 49 | } -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_mathview_in_layout.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 12 | 13 | 14 | 18 | 19 | 27 | 28 | 29 | 30 | 31 | 32 | 40 | 41 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /app/src/main/java/katex/hourglass/in/katextuts/Helpers.java: -------------------------------------------------------------------------------- 1 | package katex.hourglass.in.katextuts; 2 | 3 | import android.content.Context; 4 | import android.support.v4.content.ContextCompat; 5 | 6 | /** 7 | * Created by lingaraj on 4/4/17. 8 | */ 9 | 10 | public class Helpers { 11 | public static int getRandomColor(Context context,int i) { 12 | switch (i) { 13 | case 1: 14 | return ContextCompat.getColor(context,R.color.Color1); 15 | case 2: 16 | return ContextCompat.getColor(context,R.color.Color2); 17 | case 3: 18 | return ContextCompat.getColor(context,R.color.Color3); 19 | case 4: 20 | return ContextCompat.getColor(context,R.color.Color4); 21 | case 5: 22 | return ContextCompat.getColor(context,R.color.Color5); 23 | case 6: 24 | return ContextCompat.getColor(context,R.color.Color6); 25 | case 7: 26 | return ContextCompat.getColor(context,R.color.Color7); 27 | case 8: 28 | return ContextCompat.getColor(context,R.color.Color8); 29 | case 9: 30 | return ContextCompat.getColor(context,R.color.Color9); 31 | case 10: 32 | return ContextCompat.getColor(context,R.color.Color10); 33 | case 11: 34 | return ContextCompat.getColor(context,R.color.Color11); 35 | case 12: 36 | return ContextCompat.getColor(context,R.color.Color12); 37 | case 13: 38 | return ContextCompat.getColor(context,R.color.Color13); 39 | case 14: 40 | return ContextCompat.getColor(context,R.color.Color14); 41 | case 15: 42 | return ContextCompat.getColor(context,R.color.Color15); 43 | case 16: 44 | return ContextCompat.getColor(context,R.color.Color16); 45 | default: 46 | return ContextCompat.getColor(context,R.color.cardview_dark_background); 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /app/src/main/java/katex/hourglass/in/katextuts/activities/MathViewAdditionAtRuntime.java: -------------------------------------------------------------------------------- 1 | package katex.hourglass.in.katextuts.activities; 2 | 3 | import android.os.Bundle; 4 | import android.support.annotation.Nullable; 5 | import android.support.v4.content.ContextCompat; 6 | import android.support.v7.app.AppCompatActivity; 7 | import android.support.v7.widget.Toolbar; 8 | import android.util.Log; 9 | import android.widget.LinearLayout; 10 | 11 | import katex.hourglass.in.katextuts.Helpers; 12 | import katex.hourglass.in.katextuts.R; 13 | import katex.hourglass.in.mathlib.MathView; 14 | 15 | /** 16 | * Created by lingaraj on 4/4/17. 17 | */ 18 | 19 | public class MathViewAdditionAtRuntime extends AppCompatActivity { 20 | 21 | private String TAG = "MATHVIEWRUNTIME"; 22 | private LinearLayout parent_layout; 23 | 24 | @Override 25 | protected void onCreate(@Nullable Bundle savedInstanceState) { 26 | super.onCreate(savedInstanceState); 27 | setContentView(R.layout.activity_runtime_layout); 28 | setInitialViews(); 29 | addMathView(); 30 | } 31 | 32 | private void addMathView() { 33 | MathView mathView = new MathView(getApplicationContext()); 34 | mathView.setClickable(true); 35 | mathView.setTextSize(14); 36 | mathView.setTextColor(ContextCompat.getColor(getApplicationContext(),android.R.color.white)); 37 | mathView.setDisplayText(getResources().getString(R.string.runtime_formula)); 38 | // mathView.setViewBackgroundColor(ContextCompat.getColor(getApplicationContext(),R.color.Color5)); 39 | mathView.setViewBackgroundColor(Helpers.getRandomColor(getApplicationContext(),2)); 40 | parent_layout.addView(mathView); 41 | Log.d(TAG,"MathView Added to parent layout at runtime"); 42 | } 43 | 44 | private void setInitialViews() { 45 | parent_layout = (LinearLayout) findViewById(R.id.linear_parent_layout); 46 | Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 47 | setSupportActionBar(toolbar); 48 | getSupportActionBar().setTitle("Runtime Mathview Demo"); 49 | Log.d(TAG,"Views Intitialized"); 50 | 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 13 | 14 | 15 | 19 | 20 | 28 | 29 | 30 | 31 | 40 | 41 |