Welcome to XDA

Search to go directly to your device's forum

Register an account

Unlock full posting privileges

Ask a question

No registration required
Post Reply

PlayView For CardsUI - Social Contribution Milestone

OP GadgetCheck

10th April 2013, 01:16 PM   |  #1  
GadgetCheck's Avatar
OP Retired Forum Moderator / Recognized Developer
Flag India,Kerala,Trivandrum (God's own Country)
Thanks Meter: 5,264
 
3,193 posts
Join Date:Joined: Sep 2010
More
Quote:

Quote:

SOCIAL CODING & CONTRIBUTION

TIMELINE THREAD


Quote:

Quote:

Present:: On Going Development

Quote:

Quote:

Ideation

Quote:
Originally Posted by Mazy

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?

Quote:

Quote:

Brain Storming

Quote:
Originally Posted by Androguide.fr

GadgetCheck, is there any way to check out your adapter & xml code
I'm sure we can work something out by mixing both the cardsui lib and your project to make it look like your adapter while keeping the cardsui functionnalities.
(Your custom one looks really good, pretty much similar to google play, nice job)

If you could please upload it on github it would be great.

Quote:
Originally Posted by Mazy


Can you provide the xml for the card view?

Quote:

Quote:

Social Prototyping

Quote:
Originally Posted by GadgetCheck

Added to GitHub: https://github.com/GadgetCheck/PlayView

Start Contribution

Quote:

Quote:

Contribution

Quote:
Originally Posted by Androguide.fr

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 :
Code:
mCardView.addCard(new MyPlayCard(String titlePlay, String description, String color,
			String titleColor, Boolean hasOverflow, Boolean isClickable);
Example :
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.

Quote:
Originally Posted by Androguide.fr

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 :

  • Google Now Image Cards
  • Menu overflow & touch feedback toggle for Google now cards
  • Stack Title
But anyway I thought I'd share the progress.
Let me know what you guys think(apk attached to this post)

I've added a few things to the library too :
  • 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.
Pushing the commit in a few minutes.

Screenshots :



EDIT : commit pushed : https://github.com/Androguide/cardsu...ce64b4df6b6a0f

Quote:

Quote:

Previously:: A Thread that Started as a Question by Me

Code:
The Question is pretty straight forward as you can see from the image attached below. :cowboy:



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?

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.

EDIT::

Thanks to the Advice from the Community!

Without CardsUI Library:
With CardsUI Library:
Last edited by GadgetCheck; 27th April 2013 at 05:48 PM.
The Following 13 Users Say Thank You to GadgetCheck For This Useful Post: [ View ]
10th April 2013, 03:37 PM   |  #2  
Quinny899's Avatar
Recognized Contributor
Flag Bolton le Sands, Near Lancaster, UK
Thanks Meter: 3,953
 
6,318 posts
Join Date:Joined: Jan 2011
Donate to Me
More
I think this might be similar to what you want:
http://www.androidviews.net/2012/12/cardsui/
Though it does seem to stack them like Google Now
10th April 2013, 04:07 PM   |  #3  
pedja1's Avatar
Recognized Developer
Flag Zrenjanin
Thanks Meter: 1,664
 
1,282 posts
Join Date:Joined: Oct 2011
Donate to Me
More
You can create your own Adapter extending ArrayAdapter.
Then you create custom view for a single item in list that looks like that.

Sent from my Evo 3D GSM using Tapatalk 2
10th April 2013, 04:07 PM   |  #4  
blakstar's Avatar
Senior Member
Flag Tyre
Thanks Meter: 971
 
879 posts
Join Date:Joined: Jan 2013
More
PLZ Reply
Quote:
Originally Posted by GadgetCheck

The Question is pretty straight forward as you can see from the image attached below.



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?


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.

Can you plz tell me how did you get version 4.0 of google play ?
10th April 2013, 04:22 PM   |  #5  
Quinny899's Avatar
Recognized Contributor
Flag Bolton le Sands, Near Lancaster, UK
Thanks Meter: 3,953
 
6,318 posts
Join Date:Joined: Jan 2011
Donate to Me
More
Quote:
Originally Posted by blakstar

Can you plz tell me how did you get version 4.0 of google play ?

Go into the Android apps and Games section, you'll see it there
The Following User Says Thank You to Quinny899 For This Useful Post: [ View ]
10th April 2013, 04:30 PM   |  #6  
blakstar's Avatar
Senior Member
Flag Tyre
Thanks Meter: 971
 
879 posts
Join Date:Joined: Jan 2013
More
Quote:
Originally Posted by Quinny899

Go into the Android apps and Games section, you'll see it there

Thank you, I found it
10th April 2013, 06:59 PM   |  #7  
Androguide.fr's Avatar
Recognized Contributor
Flag Lyon, France
Thanks Meter: 7,021
 
2,053 posts
Join Date:Joined: Jul 2012
Donate to Me
More
Quote:
Originally Posted by Quinny899

I think this might be similar to what you want:
http://www.androidviews.net/2012/12/cardsui/
Though it does seem to stack them like Google Now

+1 for the CardsUI library by Nadav Fima, and yes they can stack-up too, and be swiped-out like on Google Now.
Here are some screenshots from my app using this library

Stacked-up cards :


Not stacked-up, swiping the second card :


I really recommend this library, it's neat and very easy to implement.
Last edited by Androguide.fr; 10th April 2013 at 07:06 PM.
The Following 2 Users Say Thank You to Androguide.fr For This Useful Post: [ View ]
10th April 2013, 07:26 PM   |  #8  
GadgetCheck's Avatar
OP Retired Forum Moderator / Recognized Developer
Flag India,Kerala,Trivandrum (God's own Country)
Thanks Meter: 5,264
 
3,193 posts
Join Date:Joined: Sep 2010
More
Quote:
Originally Posted by pedja1

You can create your own Adapter extending ArrayAdapter.
Then you create custom view for a single item in list that looks like that.

Sent from my Evo 3D GSM using Tapatalk 2

I thought so!
Though i was looking for something easier and faster, Kind of a speed deamon.





Quote:
Originally Posted by Androguide.fr

+1 for the CardsUI library by Nadav Fima, and yes they can stack-up too, and be swiped-out like on Google Now.
Here are some screenshots from my app using this library

Stacked-up cards :


Not stacked-up, swiping the second card :


I really recommend this library, it's neat and very easy to implement.

Thanks will definitely try it out.

Thanks for the awesome response, taking ur advice let me pimp up my app.

Sent from my GT-N7100 using Tapatalk 2
Last edited by GadgetCheck; 10th April 2013 at 07:30 PM.
The Following User Says Thank You to GadgetCheck For This Useful Post: [ View ]
11th April 2013, 07:12 AM   |  #9  
Ichigo's Avatar
Senior Member
Flag Nowhere
Thanks Meter: 960
 
10,041 posts
Join Date:Joined: May 2012
Quote:
Originally Posted by GadgetCheck

I thought so!
Though i was looking for something easier and faster, Kind of a speed deamon.







Thanks will definitely try it out.
Yeah,
Thanks for the awesome response, taking ur advice let me pimp up my app.

Sent from my GT-N7100 using Tapatalk 2

Yeah, it shouldn't be too hard. I've made a list view similar to this. Probably around the same size, just not as comely as Google. Like pedja1 said, you can creature your own custom array by setting the layout in XML and then using an ArrayAdapter
11th April 2013, 09:23 AM   |  #10  
ramdroid77's Avatar
Senior Member
Thanks Meter: 123
 
827 posts
Join Date:Joined: May 2009
Quote:
Originally Posted by Ichigo

Yeah, it shouldn't be too hard. I've made a list view similar to this. Probably around the same size, just not as comely as Google. Like pedja1 said, you can creature your own custom array by setting the layout in XML and then using an ArrayAdapter

Agreed. If you want a "speed daemon" you shouldn't use the cards ui library as it doesn't cache properly, and therefore will slow down quickly. It shouldn't be too hard to create your own adapter/layout to 'emulate' the cards look. It's common practice to do such things, so this is really where you should be looking into!

Post Reply Subscribe to Thread

Tags
cards, listview
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes