Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,771,957 Members 38,564 Now Online
XDA Developers Android and Mobile Development Forum

PlayView For CardsUI - Social Contribution Milestone

Tip us?
 
GadgetCheck
Old
(Last edited by GadgetCheck; 27th April 2013 at 04:48 PM.)
#1  
GadgetCheck's Avatar
Retired Forum Moderator / Recognized Developer - OP
Thanks Meter 5263
Posts: 3,191
Join Date: Sep 2010
Location: India,Kerala,Trivandrum (God's own Country)
Default PlayView For CardsUI - Social Contribution Milestone

Quote:
Quote:
SOCIAL CODING & CONTRIBUTION
TIMELINE THREAD

Quote:
Quote:
Present:: On Going Development
Quote:
Quote:
Ideation
Quote:
Originally Posted by Mazy View Post
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 View Post
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 View Post

Can you provide the xml for the card view?
Quote:
Quote:
Social Prototyping
Quote:
Originally Posted by GadgetCheck View Post
Added to GitHub: https://github.com/GadgetCheck/PlayView

Start Contribution
Quote:
Quote:
Contribution
Quote:
Originally Posted by Androguide.fr View Post
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 View Post
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:

www.checkrom.com
Where support gets refined as social networking
Founder and Developer of CheckROMô for Samsung Phone's
The Following 12 Users Say Thank You to GadgetCheck For This Useful Post: [ Click to Expand ]
 
Quinny899
Old
#2  
Quinny899's Avatar
Recognized Contributor
Thanks Meter 3859
Posts: 6,241
Join Date: Jan 2011
Location: Bolton le Sands, Near Lancaster, UK

 
DONATE TO ME
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

 
Devices:
Nexus 5
Galaxy Nexus
Nexus 7 FHD
Archos 80 G9
LG GT540
 
pedja1
Old
#3  
pedja1's Avatar
Recognized Developer
Thanks Meter 1599
Posts: 1,262
Join Date: Oct 2011
Location: Zrenjanin

 
DONATE TO ME
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
Device: Nexus 5 ROM:Stock, Android 4.4.4 Recovery: TWRP Multirom

My Blog - latest news about my projects and stuff

 
blakstar
Old
#4  
blakstar's Avatar
Senior Member
Thanks Meter 962
Posts: 878
Join Date: Jan 2013
Location: Tyre
Default PLZ Reply

Quote:
Originally Posted by GadgetCheck View Post
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 ?
===>Just Another DropBox Referral Link (Start With 2.50 GB)<===
Cheers!
 
Quinny899
Old
#5  
Quinny899's Avatar
Recognized Contributor
Thanks Meter 3859
Posts: 6,241
Join Date: Jan 2011
Location: Bolton le Sands, Near Lancaster, UK

 
DONATE TO ME
Quote:
Originally Posted by blakstar View Post
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

 
Devices:
Nexus 5
Galaxy Nexus
Nexus 7 FHD
Archos 80 G9
LG GT540
The Following User Says Thank You to Quinny899 For This Useful Post: [ Click to Expand ]
 
blakstar
Old
#6  
blakstar's Avatar
Senior Member
Thanks Meter 962
Posts: 878
Join Date: Jan 2013
Location: Tyre
Quote:
Originally Posted by Quinny899 View Post
Go into the Android apps and Games section, you'll see it there
Thank you, I found it
===>Just Another DropBox Referral Link (Start With 2.50 GB)<===
Cheers!
 
Androguide.fr
Old
(Last edited by Androguide.fr; 10th April 2013 at 06:06 PM.)
#7  
Androguide.fr's Avatar
Recognized Contributor
Thanks Meter 6952
Posts: 2,053
Join Date: Jul 2012
Location: Lyon, France

 
DONATE TO ME
Quote:
Originally Posted by Quinny899 View Post
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.

Quote:
My Contributions
(Apps, Librairies, Roms & Guides)
 

Pimp My Rom: Website / App / Thread

dSploit: Website / Github

Flash Gordon (Flash zips without a recovery): Thread

Universal init.d: App

PlayView/CardsUI Library: Portal / Github

HoloGraph Library: Portal / Github

Ubuntu Touch for i9300: Thread

Omni nightlies for Xperia Z1: Thread

Paranoid Android builds: Thread

Revive your bricked p68xx : Guide
Follow me on Github
The Following 2 Users Say Thank You to Androguide.fr For This Useful Post: [ Click to Expand ]
 
GadgetCheck
Old
(Last edited by GadgetCheck; 10th April 2013 at 06:30 PM.)
#8  
GadgetCheck's Avatar
Retired Forum Moderator / Recognized Developer - OP
Thanks Meter 5263
Posts: 3,191
Join Date: Sep 2010
Location: India,Kerala,Trivandrum (God's own Country)
Quote:
Originally Posted by pedja1 View Post
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 View Post
+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

www.checkrom.com
Where support gets refined as social networking
Founder and Developer of CheckROMô for Samsung Phone's
The Following User Says Thank You to GadgetCheck For This Useful Post: [ Click to Expand ]
 
Gohan
Old
#9  
Gohan's Avatar
Senior Member
Thanks Meter 959
Posts: 9,986
Join Date: May 2012
Location: Nowhere
Quote:
Originally Posted by GadgetCheck View Post
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
 
ramdroid77
Old
#10  
ramdroid77's Avatar
Senior Member
Thanks Meter 118
Posts: 827
Join Date: May 2009
Quote:
Originally Posted by Ichigo View Post
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!

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

Advanced Search
Display Modes