Make a hybrid app with native look and feel - android

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!

Related

Can I externalize the Ionic2 components in another project?

I'm working on a project where one requirement is to use the Google's Material design. The other requirement is Angular2. Unfortunately the material design for NG2 isn't fully ready yet. Since in the past I've worked with Ionic2, I've seen that it has a huge library of components already set up with the material design (for android). I was wondering if there's some way to extract those components and re-use them inside another angular2 project...
Is it witchcraft? Thanks for any suggestion.
Is it a web project or a mobile project?
In any case you can't just extract a component, what you can do is use PWA Ionic 2 - PWA forum post, set you application mode to 'md' in you app.modules imports and then edit the remaining css to look more like material design

How to include Angular Material Design in an Android App

I was wondering if it was possible to include AngularJS to design certain elements of my Android App and how one could go about doing so. More specifically, how could I apply this angular api: https://material.angularjs.org/#/material.components.radioButton/directive/materialRadioGroup to a radio group in my android app.
Thanks for your help.
It's possible but I wouldn't recommend it for an app yet. If your making a hybrid app I'd recomend taking a look at ionic they basicly intend to fix all the headaches people have with cordova. Their design isn't exactly material but it looks decent and they have plans to switch to material design once angular-material is ready. In fact they are the ones working on angular material.

android wepapp develoment framework (css theme)

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.

Android: using flex for android

I am planning to build android applications using adobe flex. But as per my knowledge we dont need to use android sdk for this purpose. I have created hello world app using flex,It is completely different from creating apps using android sdk. Is there any way to use flex widgets with android sdk(I mean instead of using android UI widgets can I use flex widgets) .please help me
The quick answer is no, Air apps don't have that native capability.
However there is a way to get around some limitations.
James Ward wrote a great post about it.
http://www.jamesward.com/2011/05/11/extending-air-for-android/
I think you need to subclass View for each "page" of your Android app. But beyond that, you probably don't have to use the lightweight, performant mobile versions of things like buttons if you don't mind having an app that is not lightweight and performant.

is there any high level GUI framework around for android sdk?

I am rewriting an Android project, and I am stucked and sucked at making the GUI look like the way I wanted it too. It is easily achievable using HTML and CSS, I have done it with PhoneGap, CSS, HTML, JS, but it is kind of slow, so I want to do it native using Java.
(My background is C++ and some web programming stuff)
What I have been encountered so far is that the default GUI builder is not really pretty and I feel frustated almost every the time using it. And people recommend droiddraw in few other questions in Stackoverflow, but it also not resulting in pretty GUI as well.
What I want to have is some flexibility like HTML and CSS and from that I can execute native code.
I believe I can achieve GUIs like from the Facebook or Twitter client easily with HTML and CSS, but if i m going to do native using the SDK, I think I'm gonna need something like 1 month just to do the GUI.
So the questions would be:
Is there any GUI framework for Android SDK ? (More high level then the provided one)
How to render HTML/CSS that allows executing native code on interaction with its element.
Any suggestions welcome for any workflow.
And of course, Open Source solutions are preferable.
There are some projects for some iphone like widgets in android. You can find them seperately mostly in github, so I have not even seen a complete higher level widget library yet. But you can give appcelerator a try. You are writing html,css,js and it compiles to native code. I personally did not used it. It is a free software. Some people are happy with it, and some are not. You should read some experiences before beginning development. http://www.appcelerator.com/

Categories

Resources