android wepapp develoment framework (css theme) - android

I am developing a webapplication for android, where I want to use phonegap.
Moreover I am looking for a framework that helps designing the website with a style similar to a native android app - e.g. like android 4.0 theme (http://developer.android.com/design/style/themes.html)
I had a look jquery mobile and jqtouch, which seem to be quite useful for programming purposes but don't come with applicable native-look styles.
Can anyone recommend any sets of (community maintained) css themes?

I know that Rhomobile have made and maintains such themes building on JQuery Mobile/JQtouch for Android, iOS, Blackberry and Windows. You can find them here. The image-references in the CSS (which is not from JQuery Mobile) can be found here.
They are intended for Rhomobile's cross-platform framework Rhodes, but should work just as well with phonegap.

Dojo Mobile has a nice Android skin, but the js behind that is too big for my tastes

http://www.kendoui.com/ Is the best site I have found on the web to do this.

Related

using loadUrl()

It's been a few years since I've tried to create an Android application and since everything has moved away from Eclipse and now onto AS my old templates no longer work. I'm looking for tutorials that allow me to use my own custom html, css and Jquery, seeing as stuff like super.loadUrl("file:///android_asset/www/index.html"); don't seem to work anymore.
Are there any links or anything anyone can provide to get me started on creating non java dependant application?
If you want to make an app without using java you can start learning ionic framework https://ionicframework.com/
You can also go through Apache Cordova. It allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development and you can also go with Xamarin that uses C# for cross-platform development.
You can also go through this tutorial for better understanding and for start learning from fresh :
Ionic tutorial https://www.youtube.com/watch?v=0jamhGf-8ww&list=PLYxzS__5yYQljbuGjaeugpqs9U07gS5P5
Cordova Tutorial https://www.youtube.com/watch?v=kqWZuEpHoSw&list=PLReL099Y5nRd9BNsMZwXvTDeqnfRMiGJy
Hope this will be helpful!!

Make a hybrid app with native look and feel

I really like hybrid apps idea but I also really like android's native material design look and feel. I was just wondering if anyone knows any framework to look like Google's Material Design with HTML and Cordova? I just want a template that looks like native android app with Material Design.
Update
Material Components Web is the best one... I changed my answer because it's new and it wasn't there before. I made a wordpress theme for MDC and I may release it soon. Showcase: http://toufic.000webhostapp.com/
Original answer
Angular Material is really the best after doing some research!
I recommend Apache cordova for hybrid apps. Also, you can use Ionic Framework that make beautiful views with beautiful components (most of those component are based on material design) and if you don't like it, you can make your component!
Ionic framework is front-end that works with apache cordova.
Good start!

WKWebView Javascript Bridge solution for Android?

I am currently figuring out how to implement a JS bridge to communicate from webview -> app.
Especially for iOS with the new WKWebView there is a new cool solution using the webkit messagehandlers (good blog post: http://www.kinderas.com/technology/2014/6/15/wkwebview-and-javascript-in-ios-8-using-swift).
Question: In my understanding this is an iOS only solution, right? Usually we have Android & iOS apps which are using the same webpage, which means that a general solution is needed.
There is one alterate "old" solution which is described here:
https://stackoverflow.com/a/9473941/5156317
Is this really the only possibility which works with Android & iOS? Or is there any support for MessageHandlers for Android?
Thanks!

Does Android Studio supports AngularJS for Android UI design?

I have a question about Android Studio: Does AS supports AngularJS code while designing XML files, e.g. for small animations or effects?
SUMMARY : NO
There is no way you can write Angular JS code while developing Android Native app. You can use Angular in a WebView (using js/html so), that's all.
AngularJS is a completely different technology than what is used in native Android apps. Native Android apps use Java and/or C for their code, which is compiled when you build the app. AngularJS is a framework for web development, running specifically on Javascript (a completely different technology than Java).
You can build apps without using native Java or C code, but there are tradeoffs. As noted in other answers, you can display webpage views as apps (using technologies like Cordova]), or use frameworks like React Native to write code in Javascript that then gets compiled to a native app. You could use AngluarJS in the webview instance, since it just displays a webpage, however not in something like React Native. I highly encourage you to check both of these (and other options) out, but keep in mind that they have their own limitations and tradeoffs – no one way is the "right" way to build an app.
In summary: No, AngularJS is a web technology, not a native app technology.
new answer = Yes... Sort of, you can do it with:
https://www.nativescript.org/
It translates javascript, angular and typescript code into native components!
Apparantly it's possible to use nativescript in Android Studio with:
https://docs.nativescript.org/runtimes/android/getting-started/hello-world
Android Does not support AngularJs. but still if you want to use you can use it in webview.

Stylesheet for Android

We are making parts of our application in HTML5 in order to abstract out common functionality for Android and iPhone. When the user navigates to a WebView we want it to feel like we are still using native code.
For iOS we found iWebKit, it was easy to import and gave the web page that iPhone look and feel. But we found nothing good for Android.
I know the theme on certain Android devices could be different which complicates having a single stylesheet. But does anyone know of anything good? Btw, it does not have to be free.
Thanks.
Android webview performance is very poor.
I have been using jQuery Mobile Beta1 in android webview, now we decided to port back to native.
Native is still 300% faster and stable, where javacript <--> java interface is broken in Android 2.3+ gingerbread, communication between webview and context failure.
Ticket here: http://code.google.com/p/android/issues/detail?id=12987
I suggest to stick with Native :)
Have you looked at sencha? It might prove helpful.

Categories

Resources