I am developing an application with the use of Ionic 3.
I would like my app to look the same on all platforms and I want to use a kind of a mix of android and ios styles.
In general, I will go for android (md) mode of the app, but I want to override certain elements to have ios styles.
For example, I would like my toasts, popovers and alert to have ios style and transition animations.
I can't seem to find a way to do it, please help :)
Thank you
Related
I developed a hybrid mobile app.
I was wondering myself if there is a way to change the space between buttons raised from cordova-plugin-dialogs on Android.
They usually look like:
I'm not very familiar with native development (on Android), so is there anything I can change to affect the spacing of those buttons? e.g. on Android manifest or something?
Thanks in advance!
The solution here falls in the "Create your custom dialog in Android" solution, actually. Those are the default dialogs, and the buttons are generated automatically. I don't think you can control anything else than the theme, texts and pretty much that's it.
If you want to be able to completely modify it, create a custom native dialog (for each platform you're targeting, if possible in iOS -not sure right now), and create a cordova plugin that opens that dialog, and returns something when the buttons are clicked...
Or simply create a "dialog" (modal) in html. That will be much simpler, if you're already using cordova.
I'm an amateur android programmer and I really like to code. My main difficulty is to make apps nice.
I came across a simple app, but at the same time, nice: https://play.google.com/store/apps/details?id=com.linksaude.bulas
I would like to know if this app has been designed with some specific plugin/add-on for Eclipse or whatever. It seems to be so consistent and beautifully designed that there must be an answer to simplify the building process of such apps.
Thanks!
I think what you're impressed with is the consistent color theme of the application. It looks like its designers carefully overrode the default design of Android widgets with their own custom scheme.
There is NOT any plugin for development tools that will help you achieve this; however, there are many external tools.
Here is a tool to generate styles for the action bar (the navigation bar at the top):
http://jgilfelt.github.io/android-actionbarstylegenerator
A tool to generate custom colored Holo widgets: (Holo is the theme in modern Android platforms):
http://android-holo-colors.com/
And my #1 favorite resource for this type of customization, this website:
http://www.stylingandroid.com/
These three are more than sufficient to customize an interface like the one you linked to above. Good luck!
Though beauty is in the eye of the beholder, this will do the job.
http://developer.android.com/design/index.html
Welcome to Android Design, your place for learning how to design
exceptional Android apps.
There are some DevBytes videos on YouTube of how you make your app beautiful.
The result is an application which looks very modern and beautiful, you should have a look at those videos
I'm wondering how I could add styles to my android applications. I have created some apps on Eclipse but all of them with fixed style. I would like to know how people manage to create those fancy and cool apps that you can download from the GooglePlay. I would like to know if there is any tool for applying style to buttons, tabs, etc like a CSS to HTML.
I hope no to bother anyone with this questions, I'm eager to know how to do it ^^
I like to use PhoneGap (http://phonegap.com/), it lets you code your entire app with HTML, CSS, and JavaScript.
Go with Fries. It's a design framework specifically for Android, and it provides all the fancy bottons, tabs, etc: http://jaunesarmiento.me/fries/
If you want to style your native app (Android and iOS) using the CSS language, I'm aware of two options:
FreeStyle: former Pixate, Free - http://www.freestyle.org/
NativeCSS: Paid - https://nativecss.com/
I am developing a web mobile app for Android, and I'd be glad to use a native-theme like this one.
Android Play doesn't provide CSS of that theme, do you know where I could find it (or something similar)?
Edit: I just found this png:
Does anyone created the CSS of this?
I have been looking for such css theme for sometime, as far as my search goes, I made a small list.
KendoUI Mobile - ( I think this is the best android theme ).
DojoMobile - Pretty good android theme.
QooxDoo Mobile - Good android theme.
I think the most close theme to what you want is KendoUI Mobile android theme. One thing about it, is that its paid.
When looking for good themes for hybrid frameworks like Trigger.io Forge, it's best to look for mobile-ready HTML/CSS skeletons. The app itself is just a little web page so projects to assist with mobile web sites are most suitable.
Depending on what level you want to work at, you could take a look at Sencha Touch (we have a demo app built using with Trigger here), HTML5 Mobile Boilerplate and 320 and up; going from heavier to lighter.
Here is the Mobile Showcase for qooxdoo's qx.Mobile:
http://demo.qooxdoo.org/devel/mobileshowcase-android/index.html#%2F
As you can see, it even supports tablet devices, now. The theming can easily changed via LESS/CSS.
But a lot of Android apps do not even have the native Android look. Simulating the native look is difficult, because the app can only have one appearance of a an android version (2.x, 3.x, or 4.x). So, I would not try copy it, because you do not know how Android 5.X and later will look like.
I came across this app and I wonder how was it developed on android (Cause it looks so much like an iphone app), see this screenshot.
Anyone have any idea how to accomplish that type of look on Android?
That's just a matter of styling after all. In general, I would consider it to be discouraged to make your Android app look like an iPhone app. Every platform has its own UX standards, and Android's standards are different from iPhone's. That quite obviously also reflects in the user interface.
Anyhow, you may want to read this article about Android themes and styles. It should get you going with defining own widget styles and stateful drawables to implement custom buttons.
This app obviously uses customized ListViews, ButtonView on the bottom of the screen.
Theses are pretty much standard and common in android apps.
Here is how to create custom components:
https://developer.android.com/guide/topics/ui/custom-components.html