{"id":443,"date":"2015-08-05T12:21:19","date_gmt":"2015-08-05T19:21:19","guid":{"rendered":"http:\/\/visualgdb.com\/w\/?p=443"},"modified":"2015-12-24T18:58:11","modified_gmt":"2015-12-25T02:58:11","slug":"co-developing-android-projects-with-gradle-flavors-with-visual-studio","status":"publish","type":"post","link":"https:\/\/visualgdb.com\/tutorials\/android\/astudio\/flavors\/","title":{"rendered":"Co-developing Android projects with Gradle Flavors with Visual Studio"},"content":{"rendered":"

This tutorial shows how to develop C\/C++ code in an Android Studio project using Visual Studio and VisualGDB. We will show how to use the Gradle flavors and translate them into Visual Studio configurations for better usability.<\/p>\n

Before you begin, install VisualGDB 5.0 or later and Android Studio 1.3 or later.<\/p>\n

    \n
  1. Start Android Studio and click “Start a new Android Studio project”:\"01-newprj\"<\/a><\/li>\n
  2. Specify your app name and domain:\"02-appname\"<\/a><\/li>\n
  3. Select the SDK you want to use with your app:\"03-formfactor\"<\/a><\/li>\n
  4. Select the template for the first activity. In this tutorial we will use the Fullscreen Activity:\"04-fullscreen\"<\/a><\/li>\n
  5. On the next page you can customize the activity names or proceed with the default ones:\"05-activity-detail\"<\/a><\/li>\n
  6. Click Finish and wait until Android Studio finishes parsing your project:\"06-project\"<\/a><\/li>\n
  7. Now we will add a native C file to our project. As of August 2015, Android Studio (v1.3) cannot build native code with debug support unless you use the experimental Gradle plugin. The experimental plugin, however, is not stable and is not backward compatible with the stable plugin, so in this tutorial we will use the Android NDK build system to build the native code with proper debug support. To do that, the jni directory with the native files should be located under the “app” directory and not in the location used by Gradle. To add the jni directory, first switch the project to the “Project” view:\"07-projectview\"<\/a><\/li>\n
  8. Then click on the “app” folder and select “New->Directory” and enter the “jni” name:\"08-jni\"<\/a><\/li>\n
  9. Add a new .c file called “hello” to the jni directory:\"09-helloc\"<\/a><\/li>\n
  10. Add the following contents to the hello.c file:\n
     #include<\/span> <string.h><\/span>\r\n #include <\/span> <jni.h>\r\n <\/span>#include<\/span> <stdio.h>\r\n <\/span> \r\n int<\/span><\/span> s_ButtonPressCounter = 0;\r\n \r\n jstring Java_com_example_virtual_myapplication_FullscreenActivity_stringFromJNI(JNIEnv* env, jobject thiz)\r\n {\r\n \u00a0\u00a0\u00a0 char<\/span> szBuf[512];\r\n \u00a0\u00a0\u00a0 sprintf(szBuf, \"%d\"<\/span>, s_ButtonPressCounter++);\r\n \r\n \u00a0\u00a0\u00a0 jstring str = (*env)->NewStringUTF(env, szBuf);\r\n \u00a0\u00a0\u00a0 return<\/span> str;\r\n <\/span>}<\/pre>\n
    Note that if your activity is named differently, the function will need to be renamed accordingly.<\/li>\n
  11. Add a file called Android.mk to the jni directory and paste the following text in it:\n
    LOCAL_PATH := $(call my-dir)\r\n \r\n include $(CLEAR_VARS)\r\n LOCAL_MODULE := HelloLibrary\r\n #VisualGDBAndroid: AutoUpdateSourcesInNextLine\r\n LOCAL_SRC_FILES := hello.c\r\n include $(BUILD_SHARED_LIBRARY)<\/pre>\n<\/li>\n
  12. Double-check that the jni folder is located under the app folder at the same level as the src folder:\"10-files\"<\/a><\/li>\n
  13. Open the FullScreenActivity.java file and add the following code inside the activity class:\n
    public native<\/span> String stringFromJNI();\r\n \r\n static<\/span> {\r\n\u00a0\u00a0\u00a0 System.loadLibrary(\"HelloLibrary\"<\/span>);\r\n}<\/pre>\n<\/li>\n
  14. Then add code that will create a new button and update it based on a call to the native function inside the onCreate() method:\n
    final<\/span> Button button = (Button)findViewById(R.id.dummy_button);\r\nbutton.setOnClickListener(new View.OnClickListener() {\r\n\u00a0\u00a0\u00a0 public<\/span> void<\/span> onClick(View v) {\r\n\u00a0\u00a0\u00a0 String str = stringFromJNI();\r\n\u00a0\u00a0\u00a0 button.setText( str);\r\n\u00a0\u00a0\u00a0 }\r\n});<\/pre>\n<\/li>\n
  15. You will need to import the “button” class to compile the newly added code. Android Studio can do it automatically via a smart tag:\"11-importbutton\"<\/a><\/li>\n
  16. Now we will import the Android Studio project into Visual Studio to be able to develop and debug the C\/C++ part from it. Start Visual Studio and launch the VisualGDB Android Project Wizard:\"12-prjwiz\"<\/a><\/li>\n
  17. On the first page select “Import existing project from Eclipse or Android Studio”:\"13-import\"<\/a><\/li>\n
  18. Then specify the folder containing your project:\"14-srcpath\"<\/a><\/li>\n
  19. Finally choose a platform you want to target:\"15-platform\"<\/a><\/li>\n
  20. Press “Finish” to create the Visual Studio project. Build it with Ctrl-Shift-B:\"16-build\"<\/a><\/li>\n
  21. Verify that the .apk file built by Gradle contains the lib\\<eabi>\\gdbserver file. You can check this by copying the .apk file to a .zip file and opening it in Windows Explorer:\"17-gdbserver\"<\/a><\/li>\n
  22. Some versions of Gradle may have troubles placing the gdbserver inside the APK file. If that happens, add the following lines to your Android.mk file to work around this by renaming gdbserver<\/strong> to libgdbserver.so<\/strong>. VisualGDB will recognize this and use libgdbserver.so<\/strong> to debug:\n
    installed_modules: $(dir $(NDK_APP_GDBSERVER))\/libgdbserver.so\r\n$(dir $(NDK_APP_GDBSERVER))\/libgdbserver.so: $(NDK_APP_GDBSERVER)\r\n    copy \/y $(subst \/,\\,$(NDK_APP_GDBSERVER) $(dir $(NDK_APP_GDBSERVER))\/libgdbserver.so)\r\n    del $(subst \/,\\,$(NDK_APP_GDBSERVER))<\/pre>\n<\/li>\n
  23. Connect your Android device or launch the emulator via AVD Manager:\"18-avdmgr\"<\/a><\/li>\n
  24. Go back to Android Studio and start debugging your project. Put a breakpoint on the call to stringFromJNI() and click the button on your device to trigger the call:\"19-button\"<\/a><\/li>\n
  25. The Java breakpoint will now trigger. You can step over the method, however the Java debugger won’t be able to step into it:\"20-bkpt\"<\/a><\/li>\n
  26. That’s where Visual Studio comes into play. Go back to the VisualGDB project and start debugging. When VisualGDB asks you whether to restart the app, select “Attach to the running instance”:\"21-attach\"<\/a><\/li>\n
  27. If you debugging this device for the first time, VisualGDB will suggest testing the debugging functionality on it. On many Android devices the debugging won’t work out of the box, so VisualGDB will try several known workarounds and select the one that works with your device automatically:\"22-test\"<\/a><\/li>\n
  28. Now you can set a breakpoint on the native function in Visual Studio and step into it in Android Studio. The Visual Studio breakpoint will trigger and once the control returns to the Java code, you can continue debugging in Android studio: \"23-codebug\"<\/a><\/li>\n
  29. Now we will add a different flavor to the app. Add the following text to the build.gradle file in your app directory:\n
    \u00a0\u00a0\u00a0 productFlavors {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 normal {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 advanced {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 applicationId = \"com.example.virtual.myapplication.advanced\"\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 }<\/pre>\n<\/li>\n
  30. Then add a Java source set folder that will only build for the Advanced flavor. Right-click on “src” and add a Java folder:\"24-javafolder\"<\/a><\/li>\n
  31. Select the “advanced” source set:\"25-newfolder\"<\/a><\/li>\n
  32. Add a package to the folder (specify the normal package name such as “com.example.virtual.myapplication”, not the app ID introduced by the flavor):\"26-pkg\"<\/a><\/li>\n
  33. Finally add a new Java class called “Constants”:\"27-constants\"<\/a><\/li>\n
  34. Put the following contents to the Constants class:\n
    package com.example.virtual.myapplication;\r\npublic class Constants {\r\n\u00a0\u00a0\u00a0 public static final String ButtonLabel = \"Advanced Button\";\r\n}<\/pre>\n<\/li>\n
  35. Similarly create a normal source set and a “normal” constants file:\n
    package com.example.virtual.myapplication;\r\npublic class Constants {\r\n\u00a0\u00a0\u00a0 public static final String ButtonLabel = \"Normal Button\";\r\n}<\/pre>\n<\/li>\n
  36. Now you can set the initial button text to a flavor-dependent value:\n
    \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 button.setText(Constants.ButtonLabel);<\/pre>\n
    \"28-settext\"<\/a><\/li>\n
  37. Go back to Visual Studio and open VisualGDB Project Properties. Enable the “Custom Flavor” checkbox and specify the “normal” flavor:\"29-normalflv\"<\/a><\/li>\n
  38. Click the “Add” button and create a copy of the current configuration: \"30-advanced\"<\/a><\/li>\n
  39. Specify the “Advanced” flavor for the new configuration:\"31-advancedflv\"<\/a><\/li>\n
  40. Now you can build any of the configurations and see that VisualGDB will build the selected flavor:\"32-build\"<\/a><\/li>\n
  41. When you start debugging with F5, VisualGDB will launch the correct flavor based on the selected configuration:\"33-advancedbtn\"<\/a><\/li>\n
  42. Click the button to verify that the breakpoints are working as usual:\"button\"<\/a><\/li>\n
  43. If you now select the normal Debug configuration instead of “Debug (Advanced)”, VisualGDB will launch the “normal” flavor as specified in the configuration settings:\"34-normalbtn\"<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    This tutorial shows how to develop C\/C++ code in an Android Studio project using Visual Studio and VisualGDB. We will<\/p>\n","protected":false},"author":1,"featured_media":467,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[31,44,98],"_links":{"self":[{"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/posts\/443"}],"collection":[{"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/comments?post=443"}],"version-history":[{"count":6,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/posts\/443\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/posts\/443\/revisions\/1268"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/media\/467"}],"wp:attachment":[{"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/media?parent=443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/categories?post=443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/tags?post=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}