Build CSS-like Android spinner animation ( Stacked ProgressBar elements ) - android

So I've been looking into creating a "fancier" loading spinner for Android and the design that I am thinking of is the folowing:
Here is a live version of such a spinner using CSS:
http://codepen.io/xixao/pen/jvxFc link
Idea
My idea is to somehow put two spinners on top of each other - make one spin the opposite direction.
Question:
I am wondering if there will be any pitfalls in using this kind of design? Has anyone tried layering more than 1 ProgressBar elements to work in a synchronous state.

I hope, you will find appropriate solution in this collection of different ProgressIndicators.

Related

All controls stacked on top of each other

I'm just starting to learn how to develop Android apps and when I tried to finally test an app with the emulator, the TextView, ImageView, and Button controls all seem to be stacked on top of each other at the top of the screen. I formatted the controls with the simple drag and drop feature in Android Studio. How do I fix this?
Tool you are using is called Layout Editor which is not so great for building layouts actually.
That drag-n-drop creation can cause errors like that and you should probably start from here or here
Hint: as a parent layout you most probably (in this case) use LinearLayout with vertical orientation.
Good luck!
The best practice for you is to try to follow a tutorial or a course to get a better understand of how the user-interface works in android.
That's might be useful Android Basics: User-interface
Good luck!

How to create a customized layout

i'm creating an app, and i'm kinda knew in android develpment, i don't have much experience, but i've bee maneging well. My app is almost complete and now i want to improve the looks.
Anyone knows how to put the widgets inside boxes, separated from background ? Like, i'll give you an example:
Anyone knows how to put the widgets inside boxes, separated from
background ?
=> You can use the CardView provided in support library. CardView is nothing but a FrameLayout so you can include whatever views inside it!
For more reference, go through the Creating Lists and Cards.
Use frame layouts for the boxes.

Android interface : show form like the grouped listview style?

I'm building an App for Android that already exists for iOS. On iOS, we really like to use the listview grouped style to show details and forms. It is really useful to show details of objects that we don't know how much properties they have before loading it.
I know that Android doesn't have a similar tableview style. And I don't want to use a custom library to recreate it, because I don't want to force an iOS like interface to my Android's users.
But how would you create a consistent Android interface that show similar information? Do you have example for me?
First of all, your instinct to not force iOS style UI onto Android users is correct and I respect you for it.
Android's ListView is roughly the equivalent of iOS's UITableView. There are important differences. For instance, you should never use a ListView inside another scrollable container. If a ListView is in a particular layout, it should (usually) be the only scrollable component. If you want multiple ListViews in a layout, you probably don't want ListViews at all. You should instead use (vertical) LinearLayouts and add the items in order.
Cyril Mottier writes excellent posts on implementing custom behavior for Android's ListView.
If you want to display data in a list then you can use the ListView. Here is a great article about how to use it.

MonoDroid custom control + populate listview programmatically

i am pretty new to all this Monodroid stuff.
I am porting my Windows Phone Applications over to Android, so far so good as far as recreating the AXML UI but when trying to port my custom usercontrol, that inherit from the UserControl class, i can't seem to figure out how to do it.
Could someone give me a small example?
What i actually want to do is to create a custom reusable control that have a simple colored rectangle on the left and some text on its right.
I want to be able to populate a listview(don't know how to do that one either) by instanciating the control as many times as i need it.
I have no clue how to create the control itself and instanciate it to fill the listview programmatically.
Thanks in advance!
I would recommend reading through this set of tutorials on Xamarin's site for an introduction to how lists work in Android. Rather than using a custom "control", it sounds like all you really want is a custom row layout, which is covered in Part 3.

Custom ListView Background in Android

Is it possible to get
this effect on a ListView in native Android? There are other alternatives like creating the list in HTML5 CSS and using phonegap etc; but it would be nice if it can be done by modifying the default behavior of Android ListView . Any ideas?
Would ExpandableListView work?
If you want rounded/beveled corners on the ListView, check this question out.
As for the individual items' backgrounds, you will probably have to make the graphics yourself.

Categories

Resources