The distance between the cards should be an addition of the spacing in the list view, and margins in the card view, there is not really any magic to it
This is a screen shot of my app (funny enough created before new Google Play app)
Its created with a custom adapter and a quite normal xml file for each list item.
Can you provide the xml for the card view?
I forked the CardsUI library and added the Google Play cards, based on the card layout GadgetCheck created
Usage
The Google Play cards come with more customization parameters than the other regular cards, those parameters include :
- Title (String)
- Description (String)
- Stripe color (String)
- Title Color (String)
- Enable an overflow menu on the card. It's not finished yet, I still need to implement the popup menu when clicked (Boolean)
- Enable touch feedback on click or disable it (Boolean)
It's called like this :
Example :Code:mCardView.addCard(new MyPlayCard(String titlePlay, String description, String color, String titleColor, Boolean hasOverflow, Boolean isClickable);
Code:mCardView.addCard(new MyPlayCard( "Different Colors for Title & Stripe", "You can set any color for the title and any other color for the left stripe", "#f2a400", "#9d36d0", true, false));
Contribute
The modified version of CardsUI is available on my github : http://github.com/Adroguide/cardsui-for-android
You can test it right away by downloading the example apk : http://pimpmyrom.org/downloads/CardsUIExample.apk
I am going to polish it and possibly add new parameters before sending a pull request to try & get it merged in the original CardsUI by Nadav Fima, so if you have ideas or requests let me know.
Ok guys, I was thinking of the best way to showcase the library in an example app, and I came up with this cards generator.
Currently it allows to create regular cards as well as play cards and to set all the parameters through a nice animated gui.
I added an example of a card that triggers a contextual action bar when swiped (the purple stripe one), but I'll add a "cancelable swipe"checkbox to the cards creator soon.
The next step is to make it generate a zip containing all the code & resources needed for the generated cards.
This really is just a draft, there's still quite a few things I've not implemented yet :
But anyway I thought I'd share the progress.
- Google Now Image Cards
- Menu overflow & touch feedback toggle for Google now cards
- Stack Title
Let me know what you guys think(apk attached to this post)
I've added a few things to the library too :
Pushing the commit in a few minutes.
- ability to set the description of google now cards programmatically
- ability to set the stack title's color programmatically
- the Google Play cards can now hold as much text as you want, it won't be ellipsized and the card's height & stripe's height will be adjusted to fit.
Screenshots :
EDIT : commit pushed : https://github.com/Androguide/cardsui-for-android/commit/3caad5c3fa50d07654af8c5505ce64b4df6b6a0f
Code:
[B][SIZE="2"]The Question is pretty straight forward as you can see from the image attached below.[/SIZE][/B] :cowboy:
[url=http://postimg.org/image/4a7n0lgbt/][img]http://s12.postimg.org/4a7n0lgbt/2013_04_10_16_35_58_1.jpg[/img][/url]
[B][SIZE="2"]How do you think we can achieve a list view like the new play store, i really like it and it will be enhance the interface of my new app.
Can any one help me out?[/SIZE][/B]
[I]To me this seems like the Cards like list view used in GoogleNow, i would like to make it clickable as well and use it to output to a Fragment or Activity.[/I]
[B][SIZE="6"]EDIT::
[/SIZE][/B]
Thanks to the Advice from the Community!
[SIZE="6"][COLOR="Red"][LEFT][B][U]Without CardsUI Library:[/U][/B][/LEFT][/COLOR][/SIZE]
[IMG]http://img.tapatalk.com/d/13/04/12/byte5ave.jpg[/IMG]
[LEFT][COLOR="red"][SIZE="6"][B][U]With CardsUI Library:[/U][/B][/SIZE][/COLOR][/LEFT]
[IMG]http://s23.postimg.org/eswx7kwjf/2013_04_12_21_17_47_1.png[/IMG]
Last edited:
