├── .gitignore ├── .idea ├── .gitignore ├── .name ├── codeStyles │ ├── Project.xml │ └── codeStyleConfig.xml ├── compiler.xml ├── inspectionProfiles │ └── Project_Default.xml ├── jarRepositories.xml └── misc.xml ├── LICENSE ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── github │ │ └── sagar2093 │ │ └── bmicompose │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── github │ │ │ └── sagar2093 │ │ │ └── bmicompose │ │ │ ├── MainActivity.kt │ │ │ ├── Navigation.kt │ │ │ ├── theme │ │ │ ├── Color.kt │ │ │ ├── Shape.kt │ │ │ ├── Theme.kt │ │ │ └── Type.kt │ │ │ ├── ui │ │ │ ├── HomeScreen.kt │ │ │ ├── InfoScreen.kt │ │ │ ├── ResultScreen.kt │ │ │ ├── TipsScreen.kt │ │ │ └── widgets │ │ │ │ ├── RoundIconButton.kt │ │ │ │ ├── RoundedButton.kt │ │ │ │ ├── RoundedCard.kt │ │ │ │ ├── Spaces.kt │ │ │ │ └── Toolbar.kt │ │ │ └── util │ │ │ └── BmiCalculator.kt │ └── res │ │ ├── drawable-v24 │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ └── ic_launcher_background.xml │ │ ├── font │ │ ├── montserrat_bold.ttf │ │ └── montserrat_regular.ttf │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.xml │ │ ├── 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 │ │ └── values │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── github │ └── sagar2093 │ └── bmicompose │ └── ExampleUnitTest.kt ├── arts ├── Screenshot_home.png ├── Screenshot_info.png ├── Screenshot_results.png └── Screenshot_tips.png ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/caches 5 | /.idea/libraries 6 | /.idea/modules.xml 7 | /.idea/workspace.xml 8 | /.idea/navEditor.xml 9 | /.idea/assetWizardSettings.xml 10 | .DS_Store 11 | /build 12 | /captures 13 | .externalNativeBuild 14 | .cxx 15 | local.properties 16 | 17 | # Built application files 18 | *.apk 19 | *.aar 20 | *.ap_ 21 | *.aab 22 | 23 | # Files for the ART/Dalvik VM 24 | *.dex 25 | 26 | # Java class files 27 | *.class 28 | 29 | # Generated files 30 | bin/ 31 | gen/ 32 | out/ 33 | # Uncomment the following line in case you need and you don't have the release build type files in your app 34 | # release/ 35 | 36 | # Gradle files 37 | .gradle/ 38 | build/ 39 | 40 | # Local configuration file (sdk path, etc) 41 | local.properties 42 | 43 | # Proguard folder generated by Eclipse 44 | proguard/ 45 | 46 | # Log Files 47 | *.log 48 | 49 | # Android Studio Navigation editor temp files 50 | .navigation/ 51 | 52 | # Android Studio captures folder 53 | captures/ 54 | 55 | # IntelliJ 56 | *.iml 57 | .idea/workspace.xml 58 | .idea/tasks.xml 59 | .idea/gradle.xml 60 | .idea/assetWizardSettings.xml 61 | .idea/dictionaries 62 | .idea/libraries 63 | # Android Studio 3 in .gitignore file. 64 | .idea/caches 65 | .idea/modules.xml 66 | # Comment next line if keeping position of elements in Navigation Editor is relevant for you 67 | .idea/navEditor.xml 68 | 69 | # Keystore files 70 | # Uncomment the following lines if you do not want to check your keystore files in. 71 | #*.jks 72 | #*.keystore 73 | 74 | # External native build folder generated in Android Studio 2.2 and later 75 | .externalNativeBuild 76 | .cxx/ 77 | 78 | # Google Services (e.g. APIs or Firebase) 79 | # google-services.json 80 | 81 | # Freeline 82 | freeline.py 83 | freeline/ 84 | freeline_project_description.json 85 | 86 | # fastlane 87 | fastlane/report.xml 88 | fastlane/Preview.html 89 | fastlane/screenshots 90 | fastlane/test_output 91 | fastlane/readme.md 92 | 93 | # Version control 94 | vcs.xml 95 | 96 | # lint 97 | lint/intermediates/ 98 | lint/generated/ 99 | lint/outputs/ 100 | lint/tmp/ 101 | # lint/reports/ 102 | .idea/misc.xml 103 | -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | BMI Compose -------------------------------------------------------------------------------- /.idea/codeStyles/Project.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | xmlns:android 17 | 18 | ^$ 19 | 20 | 21 | 22 |
23 |
24 | 25 | 26 | 27 | xmlns:.* 28 | 29 | ^$ 30 | 31 | 32 | BY_NAME 33 | 34 |
35 |
36 | 37 | 38 | 39 | .*:id 40 | 41 | http://schemas.android.com/apk/res/android 42 | 43 | 44 | 45 |
46 |
47 | 48 | 49 | 50 | .*:name 51 | 52 | http://schemas.android.com/apk/res/android 53 | 54 | 55 | 56 |
57 |
58 | 59 | 60 | 61 | name 62 | 63 | ^$ 64 | 65 | 66 | 67 |
68 |
69 | 70 | 71 | 72 | style 73 | 74 | ^$ 75 | 76 | 77 | 78 |
79 |
80 | 81 | 82 | 83 | .* 84 | 85 | ^$ 86 | 87 | 88 | BY_NAME 89 | 90 |
91 |
92 | 93 | 94 | 95 | .* 96 | 97 | http://schemas.android.com/apk/res/android 98 | 99 | 100 | ANDROID_ATTRIBUTE_ORDER 101 | 102 |
103 |
104 | 105 | 106 | 107 | .* 108 | 109 | .* 110 | 111 | 112 | BY_NAME 113 | 114 |
115 | 116 | 117 | 118 | 119 | 121 | 122 | -------------------------------------------------------------------------------- /.idea/codeStyles/codeStyleConfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 17 | -------------------------------------------------------------------------------- /.idea/jarRepositories.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 14 | 15 | 19 | 20 | 24 | 25 | 29 | 30 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 20 | 21 | 22 | 23 | 24 | 26 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # BMI-calculator 2 | Jetpack Compose app based on inspiration from the flutter app [BMI-Calculator](https://github.com/alirzadev/BMI-Calculator) 3 | 4 | ## Development Tools 5 | - [Android Studio Canary](https://developer.android.com/studio/preview) 6 | - [Jepack Compose](https://developer.android.com/jetpack/compose) 7 | - Compose Version : **0.1.0-dev13** 8 | - Material Icons : `implementation("androidx.ui:ui-material-icons-extended:$compose_version")` 9 | 10 | ## Brief Introducation 11 | This application is developed to introduce basic UI design using Jetpack Compose. Though compose is still in development stage, it is powerful and complex UIs can be created in short durations. This example application extensively uses Rows and Columns for generating UIs. 12 | 13 | Some of the components used in this application are listed below: 14 | - Text 15 | - Column 16 | - Row 17 | - Slider 18 | - Vertical Scroller 19 | - Toolbar [Customized TopAppBar] 20 | - RoundIconButton [Custom View: Icon inside Card] 21 | - RoundedCard [Card with corner radius] 22 | - RoundedButton [Button with corner radius] 23 | - RoundToggleButton [For Gender Selection] 24 | 25 | Since proper screen navigation is not yet recommended by the compose development team, I had used `@Model` as used in [JetNews](https://github.com/android/compose-samples/tree/master/JetNews). But `@Model` is deprecated in `dev12` in favour of `state` variants, one of which is also used to observe the values changed for age, weight and height in this application too. 26 | 27 | ## Code Link to Main Screens 28 | - [Home](/app/src/main/java/com/github/sagar2093/bmicompose/ui/HomeScreen.kt) 29 | - [Health Tips](/app/src/main/java/com/github/sagar2093/bmicompose/ui/TipsScreen.kt) 30 | - [BMI Result](/app/src/main/java/com/github/sagar2093/bmicompose/ui/ResultScreen.kt) 31 | - [BMI Info](/app/src/main/java/com/github/sagar2093/bmicompose/ui/TipsScreen.kt) 32 | 33 | ## Screenshots 34 | 35 | 36 | 37 | 40 | 41 | 44 |
38 | 39 |
42 | 43 |
45 | 46 | ## App Inspiration 47 | Flutter App by [Ali Raza](https://github.com/alirzadev): 48 | - https://github.com/alirzadev/BMI-Calculator 49 | 50 | Dribble Design by [Kevin Al-Rizal](https://dribbble.com/uiwithvin): 51 | - https://dribbble.com/shots/11368106-BMI-Calculator-App-Neumorphism 52 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id 'com.android.application' 3 | id 'kotlin-android' 4 | } 5 | 6 | android { 7 | compileSdkVersion 30 8 | 9 | defaultConfig { 10 | applicationId "com.github.sagar2093.bmicalculator" 11 | minSdkVersion 21 12 | targetSdkVersion 30 13 | versionCode 1 14 | versionName "1.0" 15 | 16 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 17 | } 18 | 19 | buildTypes { 20 | release { 21 | minifyEnabled false 22 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 23 | } 24 | } 25 | compileOptions { 26 | sourceCompatibility JavaVersion.VERSION_1_8 27 | targetCompatibility JavaVersion.VERSION_1_8 28 | } 29 | kotlinOptions { 30 | jvmTarget = '1.8' 31 | allWarningsAsErrors = true 32 | } 33 | buildFeatures { 34 | compose true 35 | } 36 | composeOptions { 37 | kotlinCompilerExtensionVersion "$compose_version" 38 | } 39 | } 40 | 41 | dependencies { 42 | implementation("org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version") 43 | 44 | implementation 'androidx.appcompat:appcompat:1.3.0-beta01' 45 | implementation 'androidx.activity:activity-ktx:1.2.0' 46 | implementation 'androidx.core:core-ktx:1.5.0-beta02' 47 | 48 | implementation "androidx.compose.ui:ui:$compose_version" 49 | // Tooling support (Previews, etc.) 50 | implementation "androidx.compose.ui:ui-tooling:$compose_version" 51 | // Foundation (Border, Background, Box, Image, Scroll, shapes, animations, etc.) 52 | implementation "androidx.compose.foundation:foundation:$compose_version" 53 | // Material Design 54 | implementation "androidx.compose.material:material:$compose_version" 55 | // Material design icons 56 | implementation "androidx.compose.material:material-icons-core:$compose_version" 57 | implementation "androidx.compose.material:material-icons-extended:$compose_version" 58 | // Integration with activities 59 | implementation "androidx.activity:activity-compose:1.3.0-alpha03" 60 | // Integration with ViewModels 61 | implementation "androidx.lifecycle:lifecycle-viewmodel-compose:1.0.0-alpha02" 62 | // Integration with observables 63 | implementation "androidx.compose.runtime:runtime-livedata:$compose_version" 64 | implementation "androidx.compose.runtime:runtime-rxjava2:$compose_version" 65 | 66 | // UI Tests 67 | androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version" 68 | 69 | testImplementation 'junit:junit:4.13.2' 70 | androidTestImplementation 'androidx.test.ext:junit:1.1.2' 71 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0' 72 | } 73 | 74 | tasks.withType(org.jetbrains.kotlin.gradle.tasks.KotlinCompile).configureEach { 75 | kotlinOptions { 76 | freeCompilerArgs += '-Xallow-jvm-ir-dependencies' 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile -------------------------------------------------------------------------------- /app/src/androidTest/java/com/github/sagar2093/bmicompose/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose 2 | 3 | import androidx.test.platform.app.InstrumentationRegistry 4 | import androidx.test.ext.junit.runners.AndroidJUnit4 5 | 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | 9 | import org.junit.Assert.* 10 | 11 | /** 12 | * Instrumented test, which will execute on an Android device. 13 | * 14 | * See [testing documentation](http://d.android.com/tools/testing). 15 | */ 16 | @RunWith(AndroidJUnit4::class) 17 | class ExampleInstrumentedTest { 18 | @Test 19 | fun useAppContext() { 20 | // Context of the app under test. 21 | val appContext = InstrumentationRegistry.getInstrumentation().targetContext 22 | assertEquals("com.github.sagar2093.bmicompose", appContext.packageName) 23 | } 24 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose 2 | 3 | import android.os.Bundle 4 | import androidx.activity.compose.setContent 5 | import androidx.appcompat.app.AppCompatActivity 6 | import androidx.compose.animation.Crossfade 7 | import androidx.compose.material.MaterialTheme 8 | import androidx.compose.material.Surface 9 | import androidx.compose.runtime.Composable 10 | import com.github.sagar2093.bmicompose.theme.AppTheme 11 | import com.github.sagar2093.bmicompose.ui.HomeScreen 12 | import com.github.sagar2093.bmicompose.ui.InfoScreen 13 | import com.github.sagar2093.bmicompose.ui.ResultScreen 14 | import com.github.sagar2093.bmicompose.ui.TipsScreen 15 | 16 | class MainActivity : AppCompatActivity() { 17 | override fun onCreate(savedInstanceState: Bundle?) { 18 | super.onCreate(savedInstanceState) 19 | setContent { 20 | AppTheme { 21 | ComposeApp() 22 | } 23 | } 24 | } 25 | 26 | override fun onBackPressed() { 27 | if (ComposeStatus.currentScreen == Screen.Home) { 28 | super.onBackPressed() 29 | } 30 | } 31 | } 32 | 33 | @Composable 34 | fun ComposeApp() { 35 | AppTheme { 36 | AppContent() 37 | } 38 | } 39 | 40 | // todo optimize navigation process 41 | @Composable 42 | fun AppContent() { 43 | Crossfade(ComposeStatus.currentScreen) { screen -> 44 | Surface(color = MaterialTheme.colors.background) { 45 | when (screen) { 46 | is Screen.Home -> HomeScreen() 47 | is Screen.Info -> InfoScreen(bmi = screen.bmi) 48 | is Screen.Result -> ResultScreen(bmi = screen.bmi) 49 | is Screen.Tips -> TipsScreen() 50 | } 51 | } 52 | } 53 | } -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/Navigation.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose 2 | 3 | import androidx.compose.runtime.getValue 4 | import androidx.compose.runtime.mutableStateOf 5 | import androidx.compose.runtime.setValue 6 | import com.github.sagar2093.bmicompose.util.BmiCalculator 7 | 8 | /** 9 | * Class defining the screens we have in the app: home, article details and interests 10 | */ 11 | sealed class Screen { 12 | object Home : Screen() 13 | data class Info(val bmi: BmiCalculator) : Screen() 14 | data class Result(val bmi: BmiCalculator) : Screen() 15 | object Tips : Screen() 16 | } 17 | 18 | object ComposeStatus { 19 | var currentScreen by mutableStateOf(Screen.Home) 20 | var previousScreen by mutableStateOf(null) 21 | } 22 | 23 | /** 24 | * Temporary solution pending navigation support. 25 | */ 26 | fun navigateTo(destination: Screen) { 27 | ComposeStatus.currentScreen = destination 28 | } 29 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/theme/Color.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.theme 2 | 3 | import androidx.compose.foundation.background 4 | import androidx.compose.foundation.layout.Box 5 | import androidx.compose.foundation.layout.Column 6 | import androidx.compose.foundation.layout.fillMaxWidth 7 | import androidx.compose.foundation.layout.height 8 | import androidx.compose.runtime.Composable 9 | import androidx.compose.ui.Modifier 10 | import androidx.compose.ui.graphics.Color 11 | import androidx.compose.ui.tooling.preview.Preview 12 | import androidx.compose.ui.unit.dp 13 | 14 | val Red200 = Color(0xfff297a2) 15 | val Red300 = Color(0xffea6d7e) 16 | val Red700 = Color(0xffdd0d3c) 17 | val Red800 = Color(0xffd00036) 18 | val Red900 = Color(0xffc20029) 19 | 20 | val purple200 = Color(0xFFBB86FC) 21 | val purple500 = Color(0xFF6200EE) 22 | val purple700 = Color(0xFF3700B3) 23 | val teal200 = Color(0xFF03DAC5) 24 | 25 | // Referenced from https://github.com/alirzadev/BMI-Calculator/blob/master/lib/utilities/constants.dart 26 | val backgroundColor = Color(0xFFF0EEF3) 27 | val darkTextColor = Color(0xFF5B6275) 28 | val lightTextColor = Color.Gray 29 | val foregroundColor = Color(0xFFF0EEF3) 30 | val accentColor = Color(0xFF59CAE2) 31 | 32 | // Palette colors referenced from https://dribbble.com/shots/11368106-BMI-Calculator-App-Neumorphism 33 | val color1 = Color(0xFFD5D6D7) 34 | val color2 = Color(0xFFB9C3C9) 35 | val color3 = Color(0xFF2CA1BC) 36 | val color4 = Color(0xFF727789) 37 | val color5 = Color(0xFF4D5468) 38 | 39 | val whitishColor = color1 40 | val whitishVariantColor = color2 41 | val bluishColor = color3 42 | val darkVariantColor = color5 43 | val darkColor = color4 44 | 45 | @Preview 46 | @Composable 47 | private fun ColorDemo() { 48 | val colors = listOf( 49 | backgroundColor, darkTextColor, lightTextColor, foregroundColor, accentColor, 50 | whitishColor, whitishVariantColor, bluishColor, darkVariantColor, darkColor 51 | ) 52 | Column { 53 | colors.forEach { 54 | Box( 55 | modifier = Modifier 56 | .fillMaxWidth() 57 | .height(16.dp) 58 | .background(it) 59 | ) 60 | } 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/theme/Shape.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.theme 2 | 3 | import androidx.compose.foundation.shape.RoundedCornerShape 4 | import androidx.compose.material.Shapes 5 | import androidx.compose.ui.unit.dp 6 | 7 | val shapes = Shapes( 8 | small = RoundedCornerShape(4.dp), 9 | medium = RoundedCornerShape(4.dp), 10 | large = RoundedCornerShape(0.dp) 11 | ) -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/theme/Theme.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.theme 2 | 3 | import androidx.compose.material.MaterialTheme 4 | import androidx.compose.material.darkColors 5 | import androidx.compose.material.lightColors 6 | import androidx.compose.runtime.Composable 7 | import androidx.compose.ui.graphics.Color 8 | 9 | private val LightThemeColors = lightColors( 10 | primary = backgroundColor, 11 | primaryVariant = foregroundColor, 12 | onPrimary = foregroundColor, 13 | secondary = backgroundColor, 14 | secondaryVariant = backgroundColor, 15 | background = backgroundColor, 16 | onSecondary = foregroundColor, 17 | error = Red800 18 | 19 | /* Copied from JetNews 20 | primary = Red700, 21 | primaryVariant = Red900, 22 | onPrimary = Color.White, 23 | secondary = Red700, 24 | secondaryVariant = Red900, 25 | onSecondary = Color.White, 26 | error = Red800*/ 27 | ) 28 | 29 | private val DarkThemeColors = darkColors( 30 | primary = Red300, 31 | primaryVariant = Red700, 32 | onPrimary = Color.Black, 33 | secondary = Red300, 34 | onSecondary = Color.White, 35 | error = Red200 36 | ) 37 | 38 | @Composable 39 | fun AppTheme(darkTheme: Boolean = false, content: @Composable() () -> Unit) { 40 | // dark theme disabled 41 | // val darkTheme = isSystemInDarkTheme() 42 | MaterialTheme( 43 | colors = if (darkTheme) DarkThemeColors else LightThemeColors, 44 | typography = themeTypography, 45 | shapes = shapes, 46 | content = content 47 | ) 48 | } -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/theme/Type.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.theme 2 | 3 | import androidx.compose.material.Typography 4 | import androidx.compose.ui.text.TextStyle 5 | import androidx.compose.ui.text.font.Font 6 | import androidx.compose.ui.text.font.FontFamily 7 | import androidx.compose.ui.text.font.FontWeight 8 | import androidx.compose.ui.unit.sp 9 | import com.github.sagar2093.bmicompose.R 10 | 11 | private val regular = Font(R.font.montserrat_regular) 12 | private val medium = Font(R.font.montserrat_regular, FontWeight.W500) 13 | private val semibold = Font(R.font.montserrat_bold, FontWeight.W600) 14 | 15 | private val appFontFamily = FontFamily( 16 | fonts = listOf( 17 | regular, 18 | medium, 19 | semibold 20 | ) 21 | ) 22 | 23 | private val bodyFontFamily = FontFamily( 24 | fonts = listOf( 25 | Font(R.font.montserrat_regular), 26 | Font(R.font.montserrat_bold, FontWeight.Bold) 27 | ) 28 | ) 29 | 30 | val themeTypography = Typography( 31 | h4 = TextStyle( 32 | fontFamily = appFontFamily, 33 | fontWeight = FontWeight.W600, 34 | fontSize = 30.sp 35 | ), 36 | h5 = TextStyle( 37 | fontFamily = appFontFamily, 38 | fontWeight = FontWeight.W600, 39 | fontSize = 24.sp 40 | ), 41 | h6 = TextStyle( 42 | fontFamily = appFontFamily, 43 | fontWeight = FontWeight.W600, 44 | fontSize = 20.sp 45 | ), 46 | subtitle1 = TextStyle( 47 | fontFamily = appFontFamily, 48 | fontWeight = FontWeight.W600, 49 | fontSize = 16.sp 50 | ), 51 | subtitle2 = TextStyle( 52 | fontFamily = appFontFamily, 53 | fontWeight = FontWeight.W500, 54 | fontSize = 14.sp 55 | ), 56 | body1 = TextStyle( 57 | fontFamily = bodyFontFamily, 58 | fontWeight = FontWeight.Normal, 59 | fontSize = 16.sp 60 | ), 61 | body2 = TextStyle( 62 | fontFamily = appFontFamily, 63 | fontSize = 14.sp 64 | ), 65 | button = TextStyle( 66 | fontFamily = appFontFamily, 67 | fontWeight = FontWeight.W500, 68 | fontSize = 14.sp 69 | ), 70 | caption = TextStyle( 71 | fontFamily = appFontFamily, 72 | fontWeight = FontWeight.Normal, 73 | fontSize = 12.sp 74 | ), 75 | overline = TextStyle( 76 | fontFamily = appFontFamily, 77 | fontWeight = FontWeight.W500, 78 | fontSize = 12.sp 79 | ) 80 | ) -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/HomeScreen.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui 2 | 3 | import androidx.compose.foundation.layout.* 4 | import androidx.compose.material.* 5 | import androidx.compose.material.icons.Icons 6 | import androidx.compose.material.icons.filled.Add 7 | import androidx.compose.material.icons.filled.Remove 8 | import androidx.compose.material.icons.outlined.Notifications 9 | import androidx.compose.material.icons.outlined.Person 10 | import androidx.compose.runtime.Composable 11 | import androidx.compose.runtime.MutableState 12 | import androidx.compose.runtime.mutableStateOf 13 | import androidx.compose.runtime.remember 14 | import androidx.compose.ui.Alignment 15 | import androidx.compose.ui.Modifier 16 | import androidx.compose.ui.graphics.Color 17 | import androidx.compose.ui.res.stringResource 18 | import androidx.compose.ui.text.SpanStyle 19 | import androidx.compose.ui.text.TextStyle 20 | import androidx.compose.ui.text.buildAnnotatedString 21 | import androidx.compose.ui.text.withStyle 22 | import androidx.compose.ui.tooling.preview.Preview 23 | import androidx.compose.ui.unit.dp 24 | import androidx.compose.ui.unit.sp 25 | import com.github.sagar2093.bmicompose.R 26 | import com.github.sagar2093.bmicompose.Screen 27 | import com.github.sagar2093.bmicompose.navigateTo 28 | import com.github.sagar2093.bmicompose.theme.AppTheme 29 | import com.github.sagar2093.bmicompose.theme.accentColor 30 | import com.github.sagar2093.bmicompose.ui.widgets.* 31 | import com.github.sagar2093.bmicompose.util.BmiCalculator 32 | 33 | @Composable 34 | fun HomeScreen( 35 | scaffoldState: ScaffoldState = rememberScaffoldState() 36 | ) { 37 | Scaffold( 38 | scaffoldState = scaffoldState, 39 | topBar = { 40 | Toolbar( 41 | title = stringResource(R.string.app_name), 42 | navigationIcon = { 43 | RoundIconButton( 44 | imageVector = Icons.Outlined.Notifications, 45 | onClick = { navigateTo(Screen.Tips) } 46 | ) 47 | }, 48 | actions = { 49 | RoundIconButton(imageVector = Icons.Outlined.Person, onClick = { }) 50 | } 51 | ) 52 | }, 53 | content = { 54 | Content() 55 | } 56 | ) 57 | } 58 | 59 | @Composable 60 | private fun Content() { 61 | Column( 62 | modifier = Modifier 63 | .padding(16.dp) 64 | .fillMaxSize(), 65 | verticalArrangement = Arrangement.SpaceAround 66 | ) { 67 | Row( 68 | modifier = Modifier 69 | .fillMaxWidth() 70 | .padding(bottom = 8.dp), 71 | horizontalArrangement = Arrangement.SpaceEvenly 72 | ) { 73 | val maleState = mutableStateOf(true) 74 | val femaleState = mutableStateOf(false) 75 | RoundedToggleButton( 76 | state = maleState, 77 | text = "Male", 78 | onClick = { 79 | maleState.value = true 80 | femaleState.value = false 81 | }, 82 | modifier = Modifier 83 | .padding(end = 8.dp) 84 | .weight(1f) 85 | ) 86 | RoundedToggleButton( 87 | state = femaleState, 88 | text = "Female", 89 | onClick = { 90 | femaleState.value = true 91 | maleState.value = false 92 | }, 93 | modifier = Modifier 94 | .padding(start = 8.dp) 95 | .weight(1f) 96 | ) 97 | } 98 | val heightState = remember { mutableStateOf(170) } 99 | val weightState: MutableState = remember { mutableStateOf(62) } 100 | val ageState: MutableState = remember { mutableStateOf(20) } 101 | PickerView( 102 | modifier = Modifier 103 | .weight(1f) 104 | .fillMaxWidth() 105 | .padding(top = 16.dp), 106 | heightState = heightState, 107 | weightState = weightState, 108 | ageState = ageState 109 | ) 110 | RoundedButton( 111 | text = "Lets Begin", 112 | onClick = { 113 | val bmi = BmiCalculator( 114 | heightState.value, 115 | weightState.value 116 | ) 117 | navigateTo(Screen.Result(bmi)) 118 | }, 119 | modifier = Modifier 120 | .fillMaxWidth() 121 | .padding(top = 16.dp) 122 | ) 123 | } 124 | } 125 | 126 | @Composable 127 | private fun PickerView( 128 | modifier: Modifier = Modifier, 129 | heightState: MutableState, 130 | weightState: MutableState, 131 | ageState: MutableState 132 | ) { 133 | Column( 134 | modifier = modifier, 135 | verticalArrangement = Arrangement.SpaceEvenly 136 | ) { 137 | HeightSelector( 138 | modifier = Modifier 139 | .weight(1f) 140 | .align(Alignment.CenterHorizontally) 141 | .padding(bottom = 8.dp) 142 | .fillMaxHeight(), 143 | heightState = heightState 144 | ) 145 | Row( 146 | modifier = Modifier 147 | .weight(1f) 148 | .fillMaxHeight() 149 | .padding(top = 8.dp), 150 | horizontalArrangement = Arrangement.SpaceEvenly 151 | ) { 152 | NumberPicker( 153 | label = "Weight", 154 | modifier = Modifier 155 | .weight(1f) 156 | .padding(end = 8.dp) 157 | .fillMaxHeight(), 158 | pickerState = weightState 159 | ) 160 | NumberPicker( 161 | label = "Age", 162 | modifier = Modifier 163 | .weight(1f) 164 | .padding(start = 8.dp) 165 | .fillMaxHeight(), 166 | pickerState = ageState 167 | ) 168 | } 169 | } 170 | } 171 | 172 | @Composable 173 | private fun HeightSelector( 174 | modifier: Modifier = Modifier, 175 | heightState: MutableState 176 | ) { 177 | val height = buildAnnotatedString { 178 | withStyle( 179 | style = SpanStyle(fontSize = 32.sp) 180 | ) { append(heightState.value.toString()) } 181 | append(" cm") 182 | } 183 | RoundedCard(modifier = modifier) { 184 | Column( 185 | modifier = Modifier 186 | .fillMaxHeight(), 187 | //.gravity(Alignment.CenterHorizontally), 188 | verticalArrangement = Arrangement.Center, 189 | horizontalAlignment = Alignment.CenterHorizontally 190 | ) { 191 | Text( 192 | text = "Height", 193 | modifier = ColumnChildModifier, 194 | style = LabelStyle 195 | ) 196 | Slider( 197 | value = heightState.value.toFloat(), 198 | onValueChange = { heightState.value = it.toInt() }, 199 | modifier = Modifier 200 | .fillMaxWidth() 201 | .padding(8.dp), 202 | valueRange = (1f..272f), 203 | colors = SliderDefaults.colors( 204 | activeTrackColor = accentColor 205 | ) 206 | ) 207 | Text( 208 | text = height, 209 | modifier = ColumnChildModifier, 210 | style = textStyle 211 | ) 212 | } 213 | } 214 | } 215 | 216 | @Composable 217 | private fun NumberPicker( 218 | label: String, 219 | modifier: Modifier = Modifier, 220 | pickerState: MutableState, 221 | range: IntRange = 1..100 222 | ) { 223 | RoundedCard(modifier = modifier) { 224 | Column( 225 | modifier = Modifier, 226 | verticalArrangement = Arrangement.spacedBy(8.dp,Alignment.CenterVertically), 227 | horizontalAlignment = Alignment.CenterHorizontally 228 | ) { 229 | Text( 230 | text = label, 231 | style = LabelStyle, 232 | modifier = ColumnChildModifier 233 | ) 234 | Text( 235 | text = pickerState.value.toString(), 236 | style = ValueStyle, 237 | modifier = ColumnChildModifier 238 | ) 239 | Row( 240 | horizontalArrangement = Arrangement.SpaceEvenly, 241 | modifier = ColumnChildModifier.fillMaxWidth() 242 | ) { 243 | RoundIconButton(imageVector = Icons.Default.Add, onClick = { 244 | if (pickerState.value < range.last) { 245 | pickerState.value = pickerState.value + 1 246 | } 247 | }) 248 | RoundIconButton(imageVector = Icons.Default.Remove, onClick = { 249 | if (pickerState.value > range.first) { 250 | pickerState.value = pickerState.value - 1 251 | } 252 | }) 253 | } 254 | } 255 | } 256 | } 257 | 258 | @Preview 259 | @Composable 260 | private fun ScreenPreview() { 261 | AppTheme { 262 | HomeScreen() 263 | } 264 | } 265 | 266 | private val LabelStyle = TextStyle( 267 | color = Color.Black.copy(alpha = 0.6f), 268 | fontSize = 18.sp 269 | ) 270 | 271 | private val ValueStyle = TextStyle( 272 | color = Color.Black.copy(alpha = 0.9f), 273 | fontSize = 32.sp 274 | ) 275 | 276 | private val ColumnChildModifier = Modifier.padding(8.dp) //.gravity(Alignment.CenterHorizontally) 277 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/InfoScreen.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui 2 | 3 | import androidx.compose.foundation.layout.* 4 | import androidx.compose.foundation.rememberScrollState 5 | import androidx.compose.foundation.verticalScroll 6 | import androidx.compose.material.* 7 | import androidx.compose.material.icons.Icons 8 | import androidx.compose.material.icons.outlined.ArrowBack 9 | import androidx.compose.material.icons.outlined.Person 10 | import androidx.compose.runtime.Composable 11 | import androidx.compose.ui.Alignment 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.graphics.Color 14 | import androidx.compose.ui.res.stringResource 15 | import androidx.compose.ui.text.TextStyle 16 | import androidx.compose.ui.text.font.FontWeight 17 | import androidx.compose.ui.text.style.TextAlign 18 | import androidx.compose.ui.tooling.preview.Preview 19 | import androidx.compose.ui.unit.dp 20 | import androidx.compose.ui.unit.sp 21 | import com.github.sagar2093.bmicompose.ui.widgets.EmptyHeight2 22 | import com.github.sagar2093.bmicompose.R 23 | import com.github.sagar2093.bmicompose.Screen 24 | import com.github.sagar2093.bmicompose.navigateTo 25 | import com.github.sagar2093.bmicompose.theme.AppTheme 26 | import com.github.sagar2093.bmicompose.theme.accentColor 27 | import com.github.sagar2093.bmicompose.ui.widgets.RoundIconButton 28 | import com.github.sagar2093.bmicompose.ui.widgets.RoundedCard 29 | import com.github.sagar2093.bmicompose.ui.widgets.Toolbar 30 | import com.github.sagar2093.bmicompose.util.BmiCalculator 31 | 32 | val textStyle = TextStyle( 33 | fontSize = 16.sp, 34 | color = Color.Black.copy(alpha = 0.8f) 35 | ) 36 | 37 | @Composable 38 | fun InfoScreen( 39 | scaffoldState: ScaffoldState = rememberScaffoldState(), 40 | bmi: BmiCalculator 41 | ) { 42 | Scaffold( 43 | scaffoldState = scaffoldState, 44 | topBar = { 45 | Toolbar( 46 | title = stringResource(R.string.bmi_info), 47 | navigationIcon = { 48 | RoundIconButton( 49 | imageVector = Icons.Outlined.ArrowBack, 50 | onClick = { navigateTo(Screen.Result(bmi)) } 51 | ) 52 | }, 53 | actions = { 54 | RoundIconButton(imageVector = Icons.Outlined.Person, onClick = { }) 55 | } 56 | ) 57 | }, 58 | content = { 59 | Content(bmi) 60 | } 61 | ) 62 | } 63 | 64 | @Composable 65 | private fun Content(bmi: BmiCalculator) { 66 | Column( 67 | modifier = Modifier 68 | .padding(12.dp) 69 | .fillMaxSize() 70 | .verticalScroll(rememberScrollState()) 71 | ) { 72 | RoundedCard(modifier = Modifier.padding(4.dp)) { 73 | Row( 74 | modifier = Modifier 75 | .padding(24.dp) 76 | .fillMaxWidth(), 77 | horizontalArrangement = Arrangement.spacedBy(16.dp, Alignment.CenterHorizontally), 78 | verticalAlignment = Alignment.CenterVertically 79 | ) { 80 | Text( 81 | text = "Your BMI", 82 | style = textStyle.copy(fontSize = 18.sp) 83 | ) 84 | Text( 85 | text = bmi.bmiString, 86 | style = textStyle.copy( 87 | fontWeight = FontWeight.SemiBold, 88 | fontSize = 32.sp 89 | ) 90 | ) 91 | Text( 92 | text = bmi.result, 93 | style = textStyle.copy( 94 | color = accentColor, 95 | fontWeight = FontWeight.Bold, 96 | fontSize = 18.sp 97 | ) 98 | ) 99 | } 100 | } 101 | EmptyHeight2() 102 | val infoList = listOf( 103 | "Less than 18.5" to "Underweight", 104 | "18.5 to 24.9" to "Normal", 105 | "25 to 29.9" to "Overweight", 106 | "More than 29.9" to "Obesity" 107 | ) 108 | RoundedCard(modifier = Modifier.padding(4.dp)) { 109 | Column { 110 | infoList.forEachIndexed { index, pair -> 111 | InfoItemView( 112 | info = pair, 113 | hasDivider = index != infoList.lastIndex 114 | ) 115 | } 116 | } 117 | } 118 | } 119 | } 120 | 121 | @Composable() 122 | private fun InfoItemView(info: Pair, hasDivider: Boolean = true) { 123 | Row( 124 | modifier = Modifier 125 | .fillMaxWidth() 126 | .padding(horizontal = 16.dp, vertical = 24.dp) 127 | ) { 128 | Text( 129 | text = info.first, 130 | modifier = Modifier.weight(1f), 131 | style = textStyle 132 | ) 133 | Text( 134 | text = info.second, 135 | modifier = Modifier.weight(1f), 136 | textAlign = TextAlign.End, 137 | style = textStyle.copy(fontWeight = FontWeight.Bold) 138 | ) 139 | } 140 | if (hasDivider) { 141 | Divider(modifier = Modifier.padding(horizontal = 16.dp)) 142 | } 143 | } 144 | 145 | @Preview 146 | @Composable 147 | private fun ScreenPreview() { 148 | AppTheme { 149 | InfoScreen(bmi = BmiCalculator(202, 62)) 150 | } 151 | } 152 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/ResultScreen.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui 2 | 3 | import androidx.compose.foundation.background 4 | import androidx.compose.foundation.layout.* 5 | import androidx.compose.foundation.shape.CircleShape 6 | import androidx.compose.material.* 7 | import androidx.compose.material.icons.Icons 8 | import androidx.compose.material.icons.outlined.ArrowBack 9 | import androidx.compose.material.icons.outlined.Person 10 | import androidx.compose.runtime.Composable 11 | import androidx.compose.ui.Alignment 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.graphics.Color 14 | import androidx.compose.ui.res.stringResource 15 | import androidx.compose.ui.text.* 16 | import androidx.compose.ui.text.font.FontWeight 17 | import androidx.compose.ui.text.style.TextAlign 18 | import androidx.compose.ui.tooling.preview.Preview 19 | import androidx.compose.ui.unit.TextUnit 20 | import androidx.compose.ui.unit.dp 21 | import androidx.compose.ui.unit.sp 22 | import com.github.sagar2093.bmicompose.ui.widgets.Toolbar 23 | import com.github.sagar2093.bmicompose.R 24 | import com.github.sagar2093.bmicompose.Screen 25 | import com.github.sagar2093.bmicompose.navigateTo 26 | import com.github.sagar2093.bmicompose.theme.AppTheme 27 | import com.github.sagar2093.bmicompose.theme.accentColor 28 | import com.github.sagar2093.bmicompose.ui.widgets.RoundIconButton 29 | import com.github.sagar2093.bmicompose.ui.widgets.RoundedButton 30 | import com.github.sagar2093.bmicompose.util.BmiCalculator 31 | 32 | @Composable 33 | fun ResultScreen( 34 | scaffoldState: ScaffoldState = rememberScaffoldState(), 35 | bmi: BmiCalculator 36 | ) { 37 | Scaffold( 38 | scaffoldState = scaffoldState, 39 | topBar = { 40 | Toolbar( 41 | title = stringResource(R.string.bmi_results), 42 | navigationIcon = { 43 | RoundIconButton( 44 | imageVector = Icons.Outlined.ArrowBack, 45 | onClick = { navigateTo(Screen.Home) } 46 | ) 47 | }, 48 | actions = { 49 | RoundIconButton(imageVector = Icons.Outlined.Person, onClick = { }) 50 | } 51 | ) 52 | }, 53 | content = { 54 | Content(bmi) 55 | } 56 | ) 57 | } 58 | 59 | @Composable 60 | private fun Content(result: BmiCalculator) { 61 | Column( 62 | modifier = Modifier.padding(16.dp).fillMaxSize(), 63 | verticalArrangement = Arrangement.SpaceAround 64 | ) { 65 | val childModifier = Modifier.align(Alignment.CenterHorizontally) 66 | Card( 67 | shape = CircleShape, 68 | elevation = 4.dp, 69 | backgroundColor = MaterialTheme.colors.background, 70 | modifier = childModifier 71 | ) { 72 | Card( 73 | shape = CircleShape, 74 | modifier = Modifier.padding(32.dp), 75 | backgroundColor = accentColor 76 | ) { 77 | Box( 78 | modifier = Modifier 79 | .background(color = MaterialTheme.colors.background,shape = CircleShape) 80 | .size(112.dp) 81 | .padding(8.dp) 82 | .align(Alignment.CenterHorizontally), 83 | contentAlignment = Alignment.Center 84 | ) { 85 | Text( 86 | text = result.bmiString, 87 | style = TextStyle( 88 | fontWeight = FontWeight.SemiBold, 89 | color = Color.Black.copy(alpha = 0.8f), 90 | fontSize = 32.sp 91 | ) 92 | ) 93 | } 94 | } 95 | } 96 | Text( 97 | style = textStyle.copy( 98 | fontSize = 18.sp 99 | ), 100 | text = buildAnnotatedString { 101 | append("You have ") 102 | withStyle( 103 | style = SpanStyle( 104 | color = accentColor, 105 | fontWeight = FontWeight.Bold 106 | ) 107 | ) { 108 | append(result.result) 109 | } 110 | append(" body weight!") 111 | }, 112 | modifier = childModifier 113 | ) 114 | RoundedButton( 115 | text = "Details", 116 | onClick = { navigateTo(Screen.Info(result)) }, 117 | modifier = childModifier.width(120.dp), 118 | backGroundColor = MaterialTheme.colors.background, 119 | contentColor = Color.Black.copy(alpha = 0.8f) 120 | ) 121 | } 122 | } 123 | 124 | @Preview 125 | @Composable 126 | private fun ScreenPreview() { 127 | AppTheme { 128 | ResultScreen(bmi = BmiCalculator(202, 62)) 129 | } 130 | } 131 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/TipsScreen.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui 2 | 3 | import androidx.compose.foundation.Image 4 | import androidx.compose.foundation.background 5 | import androidx.compose.foundation.layout.* 6 | import androidx.compose.foundation.rememberScrollState 7 | import androidx.compose.foundation.shape.CircleShape 8 | import androidx.compose.foundation.shape.RoundedCornerShape 9 | import androidx.compose.foundation.verticalScroll 10 | import androidx.compose.material.* 11 | import androidx.compose.material.icons.Icons 12 | import androidx.compose.material.icons.filled.ChevronRight 13 | import androidx.compose.material.icons.filled.DirectionsBike 14 | import androidx.compose.material.icons.filled.DirectionsRun 15 | import androidx.compose.material.icons.filled.Waves 16 | import androidx.compose.material.icons.outlined.ArrowBack 17 | import androidx.compose.material.icons.outlined.Person 18 | import androidx.compose.runtime.Composable 19 | import androidx.compose.ui.Alignment 20 | import androidx.compose.ui.Modifier 21 | import androidx.compose.ui.graphics.Color 22 | import androidx.compose.ui.graphics.vector.ImageVector 23 | import androidx.compose.ui.res.stringResource 24 | import androidx.compose.ui.text.TextStyle 25 | import androidx.compose.ui.text.font.FontWeight 26 | import androidx.compose.ui.tooling.preview.Preview 27 | import androidx.compose.ui.unit.dp 28 | import androidx.compose.ui.unit.sp 29 | import com.github.sagar2093.bmicompose.ui.widgets.EmptyHeight 30 | import com.github.sagar2093.bmicompose.R 31 | import com.github.sagar2093.bmicompose.Screen 32 | import com.github.sagar2093.bmicompose.navigateTo 33 | import com.github.sagar2093.bmicompose.theme.AppTheme 34 | import com.github.sagar2093.bmicompose.theme.accentColor 35 | import com.github.sagar2093.bmicompose.ui.widgets.RoundIconButton 36 | import com.github.sagar2093.bmicompose.ui.widgets.RoundedCard 37 | import com.github.sagar2093.bmicompose.ui.widgets.Toolbar 38 | 39 | @Composable 40 | fun TipsScreen( 41 | scaffoldState: ScaffoldState = rememberScaffoldState() 42 | ) { 43 | Scaffold( 44 | scaffoldState = scaffoldState, 45 | topBar = { 46 | Toolbar( 47 | title = stringResource(R.string.health_tips), 48 | navigationIcon = { 49 | RoundIconButton( 50 | imageVector = Icons.Outlined.ArrowBack, 51 | onClick = { navigateTo(Screen.Home) } 52 | ) 53 | }, 54 | actions = { 55 | RoundIconButton(imageVector = Icons.Outlined.Person, onClick = { }) 56 | } 57 | ) 58 | }, 59 | content = { 60 | Content() 61 | } 62 | ) 63 | } 64 | 65 | @Composable 66 | private fun Content() { 67 | Column( 68 | modifier = Modifier 69 | .padding(12.dp) 70 | .verticalScroll(rememberScrollState()) 71 | ) { 72 | RoundedCard( 73 | modifier = Modifier 74 | .fillMaxWidth() 75 | .padding(4.dp) 76 | ) { 77 | Row( 78 | modifier = Modifier 79 | .padding(16.dp) 80 | .align(Alignment.CenterHorizontally) 81 | ) { 82 | Card( 83 | shape = CircleShape, 84 | elevation = 4.dp, 85 | backgroundColor = MaterialTheme.colors.background 86 | ) { 87 | Card( 88 | shape = CircleShape, 89 | modifier = Modifier.padding(16.dp), 90 | backgroundColor = accentColor 91 | ) { 92 | Box( 93 | modifier = Modifier 94 | .background( 95 | color = MaterialTheme.colors.background, 96 | shape = CircleShape 97 | ) 98 | .size(72.dp) 99 | .padding(16.dp) 100 | ) 101 | } 102 | } 103 | Column( 104 | modifier = Modifier 105 | .weight(1f) 106 | .padding(start = 16.dp) 107 | .align(Alignment.CenterVertically) 108 | ) { 109 | Text(text = "Hi Buddy!", style = textStyle.copy(fontWeight = FontWeight.Bold)) 110 | Text(text = "I am your mentor to give you good tips", style = textStyle) 111 | } 112 | } 113 | } 114 | val activities = listOf( 115 | "Running" to Icons.Default.DirectionsRun, 116 | "Cycling" to Icons.Default.DirectionsBike, 117 | "Swimming" to Icons.Default.Waves 118 | ) 119 | EmptyHeight() 120 | activities.forEach { 121 | EmptyHeight() 122 | ActivityCard( 123 | text = it.first, 124 | imageVector = it.second, 125 | modifier = Modifier.fillMaxWidth() 126 | ) 127 | } 128 | } 129 | } 130 | 131 | @Composable 132 | private fun ActivityCard(imageVector: ImageVector, text: String, modifier: Modifier = Modifier) { 133 | RoundedCard(modifier = modifier.padding(4.dp)) { 134 | Row( 135 | modifier = Modifier 136 | .fillMaxWidth() 137 | .padding(16.dp), 138 | horizontalArrangement = Arrangement.Center 139 | ) { 140 | Box( 141 | Modifier.background( 142 | color = Color.LightGray.copy(alpha = 0.5f), 143 | shape = RoundedCornerShape(8.dp) 144 | ) 145 | ) { 146 | Image( 147 | imageVector = imageVector, 148 | contentDescription = null, 149 | modifier = Modifier.size(48.dp) 150 | ) 151 | } 152 | Text( 153 | text = text, 154 | modifier = Modifier 155 | .weight(1f) 156 | .align(Alignment.CenterVertically) 157 | .padding(horizontal = 16.dp), 158 | style = TextStyle( 159 | fontSize = 18.sp, 160 | fontWeight = FontWeight.Bold, 161 | color = Color.Black.copy( 162 | alpha = 0.8f 163 | ) 164 | ) 165 | ) 166 | Icon( 167 | imageVector = Icons.Default.ChevronRight, 168 | contentDescription = null, 169 | modifier = Modifier.align(Alignment.CenterVertically), 170 | tint = Color.Black 171 | ) 172 | } 173 | } 174 | } 175 | 176 | @Preview 177 | @Composable 178 | private fun ScreenPreview() { 179 | AppTheme { 180 | TipsScreen() 181 | } 182 | } 183 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/widgets/RoundIconButton.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui.widgets 2 | 3 | import androidx.compose.foundation.clickable 4 | import androidx.compose.foundation.layout.padding 5 | import androidx.compose.foundation.layout.size 6 | import androidx.compose.foundation.shape.CircleShape 7 | import androidx.compose.material.Card 8 | import androidx.compose.material.Icon 9 | import androidx.compose.material.MaterialTheme 10 | import androidx.compose.material.icons.Icons 11 | import androidx.compose.material.icons.outlined.Notifications 12 | import androidx.compose.runtime.Composable 13 | import androidx.compose.ui.Modifier 14 | import androidx.compose.ui.graphics.Color 15 | import androidx.compose.ui.graphics.vector.ImageVector 16 | import androidx.compose.ui.tooling.preview.Preview 17 | import androidx.compose.ui.unit.Dp 18 | import androidx.compose.ui.unit.dp 19 | import com.github.sagar2093.bmicompose.theme.AppTheme 20 | 21 | private val RippleRadius = 24.dp 22 | private val IconButtonSizeModifier = Modifier.size(40.dp) 23 | 24 | @Composable 25 | fun RoundIconButton( 26 | imageVector: ImageVector, 27 | onClick: () -> Unit, 28 | modifier: Modifier = Modifier, 29 | tint: Color = Color.Black.copy(alpha = 0.8f), 30 | backgroundColor: Color = MaterialTheme.colors.background, 31 | elevation: Dp = 4.dp 32 | ) { 33 | Card( 34 | modifier = modifier.padding(all = 4.dp) 35 | .clickable(onClick = onClick) 36 | .then(IconButtonSizeModifier), 37 | shape = CircleShape, 38 | backgroundColor = backgroundColor, 39 | elevation = elevation 40 | ) { 41 | Icon(imageVector, null, tint = tint) 42 | } 43 | } 44 | 45 | @Preview 46 | @Composable 47 | private fun RoundIconPreview() { 48 | AppTheme { 49 | RoundIconButton( 50 | imageVector = Icons.Outlined.Notifications, 51 | onClick = {} 52 | ) 53 | } 54 | } -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/widgets/RoundedButton.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui.widgets 2 | 3 | import androidx.compose.foundation.layout.Row 4 | import androidx.compose.foundation.layout.height 5 | import androidx.compose.foundation.shape.RoundedCornerShape 6 | import androidx.compose.material.Button 7 | import androidx.compose.material.ButtonDefaults 8 | import androidx.compose.material.Text 9 | import androidx.compose.runtime.Composable 10 | import androidx.compose.runtime.MutableState 11 | import androidx.compose.runtime.mutableStateOf 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.graphics.Color 14 | import androidx.compose.ui.tooling.preview.Preview 15 | import androidx.compose.ui.unit.Dp 16 | import androidx.compose.ui.unit.dp 17 | import androidx.compose.ui.unit.sp 18 | import com.github.sagar2093.bmicompose.theme.AppTheme 19 | import com.github.sagar2093.bmicompose.theme.accentColor 20 | import com.github.sagar2093.bmicompose.theme.backgroundColor 21 | import com.github.sagar2093.bmicompose.theme.foregroundColor 22 | 23 | private val IconButtonSizeModifier = Modifier.height(50.dp) 24 | 25 | @Composable 26 | fun RoundedButton( 27 | text: String, 28 | onClick: () -> Unit, 29 | modifier: Modifier = Modifier, 30 | elevation: Dp = 4.dp, 31 | backGroundColor: Color = accentColor, 32 | contentColor: Color = foregroundColor 33 | ) { 34 | Button( 35 | onClick = onClick, 36 | shape = RoundedCornerShape(16.dp), 37 | modifier = modifier then IconButtonSizeModifier, 38 | colors = ButtonDefaults.buttonColors( 39 | backgroundColor = backGroundColor, 40 | contentColor = contentColor 41 | ), 42 | elevation = ButtonDefaults.elevation(elevation) 43 | ) { 44 | Text(text = text, fontSize = 18.sp) 45 | } 46 | } 47 | 48 | @Composable 49 | fun RoundedToggleButton( 50 | state: MutableState, 51 | text: String, 52 | onClick: () -> Unit, 53 | modifier: Modifier = Modifier, 54 | activeColor: Color = accentColor, 55 | inactiveColor: Color = backgroundColor 56 | ) { 57 | Button( 58 | onClick = onClick, 59 | shape = RoundedCornerShape(16.dp), 60 | modifier = modifier then IconButtonSizeModifier, 61 | colors = ButtonDefaults.buttonColors( 62 | backgroundColor = if (state.value) activeColor else inactiveColor, 63 | contentColor = if (state.value) foregroundColor else Color.Gray 64 | ) 65 | ) { 66 | Text(text = text, fontSize = 18.sp) 67 | } 68 | } 69 | 70 | @Preview 71 | @Composable 72 | private fun ButtonPreview() { 73 | AppTheme { 74 | RoundedButton(text = "Button", onClick = {}) 75 | } 76 | } 77 | 78 | @Preview 79 | @Composable 80 | private fun ToggleButtonPreview() { 81 | AppTheme { 82 | val trueState = mutableStateOf(true) 83 | val falseState = mutableStateOf(false) 84 | Row { 85 | RoundedToggleButton(state = trueState, text = "True", onClick = {}) 86 | EmptyWidth() 87 | RoundedToggleButton(state = falseState, text = "False", onClick = {}) 88 | } 89 | } 90 | } -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/widgets/RoundedCard.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui.widgets 2 | 3 | import androidx.compose.foundation.layout.padding 4 | import androidx.compose.foundation.shape.RoundedCornerShape 5 | import androidx.compose.material.Card 6 | import androidx.compose.material.MaterialTheme 7 | import androidx.compose.material.Text 8 | import androidx.compose.runtime.Composable 9 | import androidx.compose.ui.Modifier 10 | import androidx.compose.ui.graphics.Color 11 | import androidx.compose.ui.tooling.preview.Preview 12 | import androidx.compose.ui.unit.Dp 13 | import androidx.compose.ui.unit.dp 14 | import com.github.sagar2093.bmicompose.theme.AppTheme 15 | import com.github.sagar2093.bmicompose.ui.textStyle 16 | 17 | @Composable 18 | fun RoundedCard( 19 | modifier: Modifier = Modifier, 20 | color: Color = MaterialTheme.colors.background, 21 | elevation: Dp = 4.dp, 22 | content: @Composable() () -> Unit 23 | ) { 24 | Card( 25 | modifier = modifier, 26 | shape = RoundedCornerShape(16.dp), 27 | backgroundColor = color, 28 | elevation = elevation 29 | ) { 30 | content() 31 | } 32 | } 33 | 34 | @Preview 35 | @Composable 36 | private fun RoundedCardPreview() { 37 | AppTheme { 38 | RoundedCard { 39 | Text(text = "RoundedCard", modifier = Modifier.padding(8.dp), style = textStyle) 40 | } 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/widgets/Spaces.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui.widgets 2 | 3 | import androidx.compose.foundation.layout.Spacer 4 | import androidx.compose.foundation.layout.height 5 | import androidx.compose.foundation.layout.width 6 | import androidx.compose.runtime.Composable 7 | import androidx.compose.ui.Modifier 8 | import androidx.compose.ui.unit.dp 9 | 10 | @Composable 11 | fun EmptyHeight() = Spacer(Modifier.height(16.dp)) 12 | 13 | @Composable 14 | fun EmptyHeight2() = Spacer(Modifier.height(32.dp)) 15 | 16 | @Composable 17 | fun EmptyWidth() = Spacer(Modifier.width(16.dp)) 18 | 19 | @Composable 20 | fun EmptyWidth2() = Spacer(Modifier.width(32.dp)) -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/ui/widgets/Toolbar.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.ui.widgets 2 | 3 | import androidx.compose.foundation.layout.RowScope 4 | import androidx.compose.foundation.layout.fillMaxWidth 5 | import androidx.compose.material.Text 6 | import androidx.compose.material.TopAppBar 7 | import androidx.compose.material.icons.Icons 8 | import androidx.compose.material.icons.outlined.Notifications 9 | import androidx.compose.material.icons.outlined.Person 10 | import androidx.compose.runtime.Composable 11 | import androidx.compose.ui.Modifier 12 | import androidx.compose.ui.graphics.Color 13 | import androidx.compose.ui.res.stringResource 14 | import androidx.compose.ui.text.style.TextAlign 15 | import androidx.compose.ui.tooling.preview.Preview 16 | import androidx.compose.ui.unit.dp 17 | import com.github.sagar2093.bmicompose.R 18 | import com.github.sagar2093.bmicompose.theme.AppTheme 19 | import com.github.sagar2093.bmicompose.theme.darkTextColor 20 | import com.github.sagar2093.bmicompose.theme.foregroundColor 21 | 22 | @Composable 23 | fun Toolbar( 24 | title: String, 25 | navigationIcon: @Composable() (() -> Unit)? = null, 26 | actions: @Composable() RowScope.() -> Unit = {}, 27 | toolbarBackground: Color = foregroundColor 28 | ) { 29 | TopAppBar( 30 | title = { 31 | Text( 32 | text = title, 33 | modifier = Modifier.fillMaxWidth(), 34 | textAlign = TextAlign.Center, 35 | color = darkTextColor 36 | ) 37 | }, 38 | navigationIcon = navigationIcon, 39 | actions = actions, 40 | elevation = 0.dp, 41 | backgroundColor = toolbarBackground 42 | ) 43 | } 44 | 45 | @Preview 46 | @Composable 47 | fun ToolbarPreview() { 48 | AppTheme { 49 | Toolbar(title = stringResource(R.string.app_name), 50 | navigationIcon = { 51 | RoundIconButton( 52 | imageVector = Icons.Outlined.Notifications, 53 | onClick = { }) 54 | }, 55 | actions = { 56 | RoundIconButton(imageVector = Icons.Outlined.Person, onClick = { }) 57 | }) 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /app/src/main/java/com/github/sagar2093/bmicompose/util/BmiCalculator.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose.util 2 | 3 | import java.math.RoundingMode 4 | import java.text.DecimalFormat 5 | import kotlin.math.pow 6 | 7 | data class BmiCalculator(val height: Int, val weight: Int) { 8 | 9 | var bmi: Double = 0.0 10 | 11 | init { 12 | bmi = (weight / (height.toDouble() / 100).pow(2.0)).roundOff() 13 | } 14 | 15 | private fun Double.roundOff(): Double { 16 | val df = DecimalFormat("#.#") 17 | df.roundingMode = RoundingMode.CEILING 18 | return df.format(this).toDouble() 19 | } 20 | 21 | val bmiString: String 22 | get() = bmi.toString() 23 | 24 | val result: String 25 | get() = when { 26 | bmi < 18.5 -> "Underweight" 27 | bmi in (18.5..24.9) -> "Normal" 28 | else -> "Overweight" 29 | } 30 | 31 | val bmiPercentage: Double 32 | get() { 33 | //Above 25 person is overweight so after 29.9 bmi percentage chart will be full 100% 34 | return bmi / 29.9 * 100 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /app/src/main/res/font/montserrat_bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/font/montserrat_bold.ttf -------------------------------------------------------------------------------- /app/src/main/res/font/montserrat_regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/font/montserrat_regular.ttf -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFBB86FC 4 | #FF6200EE 5 | #FF3700B3 6 | #FF03DAC5 7 | #FF018786 8 | #FF000000 9 | #FFFFFFFF 10 | #dd0d3e 11 | #c20029 12 | @color/red900 13 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | BMI Calculator 3 | Health Tips 4 | BMI Results 5 | BMI Info 6 | About App 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 13 | -------------------------------------------------------------------------------- /app/src/test/java/com/github/sagar2093/bmicompose/ExampleUnitTest.kt: -------------------------------------------------------------------------------- 1 | package com.github.sagar2093.bmicompose 2 | 3 | import org.junit.Test 4 | 5 | import org.junit.Assert.* 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * See [testing documentation](http://d.android.com/tools/testing). 11 | */ 12 | class ExampleUnitTest { 13 | @Test 14 | fun addition_isCorrect() { 15 | assertEquals(4, 2 + 2) 16 | } 17 | } -------------------------------------------------------------------------------- /arts/Screenshot_home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/arts/Screenshot_home.png -------------------------------------------------------------------------------- /arts/Screenshot_info.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/arts/Screenshot_info.png -------------------------------------------------------------------------------- /arts/Screenshot_results.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/arts/Screenshot_results.png -------------------------------------------------------------------------------- /arts/Screenshot_tips.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/arts/Screenshot_tips.png -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | buildscript { 3 | ext.kotlin_version = "1.4.30" 4 | ext.compose_version = "1.0.0-beta01" 5 | ext.coroutines_version = '1.4.2' 6 | 7 | repositories { 8 | google() 9 | mavenCentral() 10 | } 11 | dependencies { 12 | classpath 'com.android.tools.build:gradle:7.0.0-alpha08' 13 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 14 | 15 | // NOTE: Do not place your application dependencies here; they belong 16 | // in the individual module build.gradle files 17 | } 18 | } 19 | 20 | plugins { 21 | id 'com.diffplug.spotless' version '5.7.0' 22 | } 23 | 24 | subprojects { 25 | repositories { 26 | google() 27 | mavenCentral() 28 | jcenter() 29 | } 30 | 31 | apply plugin: 'com.diffplug.spotless' 32 | spotless { 33 | kotlin { 34 | target '**/*.kt' 35 | targetExclude("$buildDir/**/*.kt") 36 | targetExclude('bin/**/*.kt') 37 | 38 | ktlint("0.40.0") 39 | } 40 | } 41 | } -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | # IDE (e.g. Android Studio) users: 3 | # Gradle settings configured through the IDE *will override* 4 | # any settings specified in this file. 5 | # For more details on how to configure your build environment visit 6 | # http://www.gradle.org/docs/current/userguide/build_environment.html 7 | # Specifies the JVM arguments used for the daemon process. 8 | # The setting is particularly useful for tweaking memory settings. 9 | org.gradle.jvmargs=-Xmx2048m 10 | # When configured, Gradle will run in incubating parallel mode. 11 | # This option should only be used with decoupled projects. More details, visit 12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 13 | # org.gradle.parallel=true 14 | # AndroidX package structure to make it clearer which packages are bundled with the 15 | # Android operating system, and which are packaged with your app"s APK 16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 17 | android.useAndroidX=true 18 | # Automatically convert third-party libraries to use AndroidX 19 | android.enableJetifier=true 20 | # Kotlin code style for this project: "official" or "obsolete": 21 | kotlin.code.style=official -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sagar2093/bmi-compose/6523cba43722c4dcc9d502d1cce71130d948de0e/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Thu Feb 25 14:45:53 NPT 2021 2 | distributionBase=GRADLE_USER_HOME 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.8.2-bin.zip 4 | distributionPath=wrapper/dists 5 | zipStorePath=wrapper/dists 6 | zipStoreBase=GRADLE_USER_HOME 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Attempt to set APP_HOME 10 | # Resolve links: $0 may be a link 11 | PRG="$0" 12 | # Need this for relative symlinks. 13 | while [ -h "$PRG" ] ; do 14 | ls=`ls -ld "$PRG"` 15 | link=`expr "$ls" : '.*-> \(.*\)$'` 16 | if expr "$link" : '/.*' > /dev/null; then 17 | PRG="$link" 18 | else 19 | PRG=`dirname "$PRG"`"/$link" 20 | fi 21 | done 22 | SAVED="`pwd`" 23 | cd "`dirname \"$PRG\"`/" >/dev/null 24 | APP_HOME="`pwd -P`" 25 | cd "$SAVED" >/dev/null 26 | 27 | APP_NAME="Gradle" 28 | APP_BASE_NAME=`basename "$0"` 29 | 30 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 31 | DEFAULT_JVM_OPTS="" 32 | 33 | # Use the maximum available, or set MAX_FD != -1 to use that value. 34 | MAX_FD="maximum" 35 | 36 | warn () { 37 | echo "$*" 38 | } 39 | 40 | die () { 41 | echo 42 | echo "$*" 43 | echo 44 | exit 1 45 | } 46 | 47 | # OS specific support (must be 'true' or 'false'). 48 | cygwin=false 49 | msys=false 50 | darwin=false 51 | nonstop=false 52 | case "`uname`" in 53 | CYGWIN* ) 54 | cygwin=true 55 | ;; 56 | Darwin* ) 57 | darwin=true 58 | ;; 59 | MINGW* ) 60 | msys=true 61 | ;; 62 | NONSTOP* ) 63 | nonstop=true 64 | ;; 65 | esac 66 | 67 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 68 | 69 | # Determine the Java command to use to start the JVM. 70 | if [ -n "$JAVA_HOME" ] ; then 71 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 72 | # IBM's JDK on AIX uses strange locations for the executables 73 | JAVACMD="$JAVA_HOME/jre/sh/java" 74 | else 75 | JAVACMD="$JAVA_HOME/bin/java" 76 | fi 77 | if [ ! -x "$JAVACMD" ] ; then 78 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 79 | 80 | Please set the JAVA_HOME variable in your environment to match the 81 | location of your Java installation." 82 | fi 83 | else 84 | JAVACMD="java" 85 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 86 | 87 | Please set the JAVA_HOME variable in your environment to match the 88 | location of your Java installation." 89 | fi 90 | 91 | # Increase the maximum file descriptors if we can. 92 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 93 | MAX_FD_LIMIT=`ulimit -H -n` 94 | if [ $? -eq 0 ] ; then 95 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 96 | MAX_FD="$MAX_FD_LIMIT" 97 | fi 98 | ulimit -n $MAX_FD 99 | if [ $? -ne 0 ] ; then 100 | warn "Could not set maximum file descriptor limit: $MAX_FD" 101 | fi 102 | else 103 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 104 | fi 105 | fi 106 | 107 | # For Darwin, add options to specify how the application appears in the dock 108 | if $darwin; then 109 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 110 | fi 111 | 112 | # For Cygwin, switch paths to Windows format before running java 113 | if $cygwin ; then 114 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 115 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 116 | JAVACMD=`cygpath --unix "$JAVACMD"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Escape application args 158 | save () { 159 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 160 | echo " " 161 | } 162 | APP_ARGS=$(save "$@") 163 | 164 | # Collect all arguments for the java command, following the shell quoting and substitution rules 165 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 166 | 167 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong 168 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then 169 | cd "$(dirname "$0")" 170 | fi 171 | 172 | exec "$JAVACMD" "$@" 173 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | set DIRNAME=%~dp0 12 | if "%DIRNAME%" == "" set DIRNAME=. 13 | set APP_BASE_NAME=%~n0 14 | set APP_HOME=%DIRNAME% 15 | 16 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 17 | set DEFAULT_JVM_OPTS= 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windows variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | 53 | :win9xME_args 54 | @rem Slurp the command line arguments. 55 | set CMD_LINE_ARGS= 56 | set _SKIP=2 57 | 58 | :win9xME_args_slurp 59 | if "x%~1" == "x" goto execute 60 | 61 | set CMD_LINE_ARGS=%* 62 | 63 | :execute 64 | @rem Setup the command line 65 | 66 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 67 | 68 | @rem Execute Gradle 69 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 70 | 71 | :end 72 | @rem End local scope for the variables with windows NT shell 73 | if "%ERRORLEVEL%"=="0" goto mainEnd 74 | 75 | :fail 76 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 77 | rem the _cmd.exe /c_ return code! 78 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 79 | exit /b 1 80 | 81 | :mainEnd 82 | if "%OS%"=="Windows_NT" endlocal 83 | 84 | :omega 85 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | rootProject.name = "BMI Compose" --------------------------------------------------------------------------------