PlayView For CardsUI - Social Contribution Milestone
- Thread starter GadgetCheck
- Start date
Nice work.
Haven't looked at this thread for a while but I had to when I saw the post in Android Design.
If we ever need to add stacked cards to Jiffy we know where to look now.
(Original design was actually by Lorica Claesson at Nordic Usability GmbH. She is responsible for all the design and workflows in Jiffy. I just implemented it)
Haven't looked at this thread for a while but I had to when I saw the post in Android Design.
If we ever need to add stacked cards to Jiffy we know where to look now.
(Original design was actually by Lorica Claesson at Nordic Usability GmbH. She is responsible for all the design and workflows in Jiffy. I just implemented it)
Thanks a lot.Nice work.
Haven't looked at this thread for a while but I had to when I saw the post in Android Design.
If we ever need to add stacked cards to Jiffy we know where to look now.
(Original design was actually by Lorica Claesson at Nordic Usability GmbH. She is responsible for all the design and workflows in Jiffy. I just implemented it)
Great work on the changelog concept you posted on google+, too :good:
I was thinking maybe you could use ShowcaseView as a base to actually implement it.
I've been looking at showcaseview before, right after we implemented the startup tutorial (since I already had my code i didn't switch it). I will look at it and see if it fits our purpose..
Do you know if it handles pure screens without the "look through" to the bottom layer? (easier to ask than check )
Do you know if it handles pure screens without the "look through" to the bottom layer? (easier to ask than check
)
I've been looking at showcaseview before, right after we implemented the startup tutorial (since I already had my code i didn't switch it). I will look at it and see if it fits our purpose..
Do you know if it handles pure screens without the "look through" to the bottom layer? (easier to ask than check
By default it doesn't, but it would be trivial to adapt it, maybe even just deleting the "look through" circle from the drawables could do the trick.
You can define the color of the overlay so you would just set it to black and call setAlpha() on the underlaying view to get the text on the overlay readable enough.
So been just playing around. Set a tab icon in java. Lol.
P.s. I'm very new to java. I just know simple stuff like web view and sound bite apps.
Here is what I did for who wants to know.
P.s. I'm very new to java. I just know simple stuff like web view and sound bite apps.
Here is what I did for who wants to know.
Code:
tab1.setIcon(R.drawable.icon);
Last edited:
I'm creating a sound bite application. Those who have experience with this library; what do you guys think? Could it work? On the first few pages the cards would act like buttons,. Taking the user to various categories for the sound bites. There might be sub categories.
Only then do we get to the sounds. Then each card can be a sound. Easy enough I presume?
My only worry is for things like progress bars, to see how long the sound lasts. Just like any media player, showing you the start, end and moves as you listen to more.
Two things from this, can it all work and is it lag free? I expect my app to be quite big if I'm honest. Size wise.
Only then do we get to the sounds. Then each card can be a sound. Easy enough I presume?
My only worry is for things like progress bars, to see how long the sound lasts. Just like any media player, showing you the start, end and moves as you listen to more.
Two things from this, can it all work and is it lag free? I expect my app to be quite big if I'm honest. Size wise.
I like those sliding menus.
Well, my phone is on 4.2.2, but has 278 MB of RAM. (plus 128 MB swap added by me.
) However, I have not tried this library.I like those sliding menus.
Well, my phone is on 4.2.2, but has 278 MB of RAM. (plus 128 MB swap added by me.
Yeah some of the libraries out that for sliding menus look great. It would minimize the amount of categories a user of my app would have to jump through as well.
I have a ICS phone with 1GB of RAM, laggy as hell. Probably the ROM rather than my phone. I use my Nexus 7 for most things so it doesn't bother me these days.
From my experience in app development.
Dont use SlidingMenu or Tabs or card etc for the sake of using it or the eye candy.
First do a rough plot of ur app on paper see what is the most important features and UI transition.
Based on it choose the most appropriate UI/UX techniques. i.e cards or drawers or tabs or simple lists.
And considering speed well it all depends on the quality of code u write, library's can be enhanced if u want then to suit ur need for speed. But always remember if you are a beginner "writing low quality code is the steping stone to writing some of the best code", so keep improving and improvising your code.
Sent from my GT-N7100 using Tapatalk 2
Dont use SlidingMenu or Tabs or card etc for the sake of using it or the eye candy.
First do a rough plot of ur app on paper see what is the most important features and UI transition.
Based on it choose the most appropriate UI/UX techniques. i.e cards or drawers or tabs or simple lists.
And considering speed well it all depends on the quality of code u write, library's can be enhanced if u want then to suit ur need for speed. But always remember if you are a beginner "writing low quality code is the steping stone to writing some of the best code", so keep improving and improvising your code.
Sent from my GT-N7100 using Tapatalk 2
You can pretty much do anything you want with the cards by modifying the library, here are some screenshots from an app I'm working on, all the cards you see and all their components are called programmatically.
I'll try to post a little guide on how to add your own constructors to the library, whenever I got some time. It's really quick and easy once you got the hang of it.
Screenshots
While it might not be perfectly smooth (especially when tapping on a card to make it come to the top of the stack. swiping is pretty smooth now) a little tip to make it smoother/less buggy-looking is to always nest the CardUI view in a RelativeLayout.
Otherwise, in a LinearLayout for example, the layout will only resize once the animation is finished, resulting in the cards being kinda cut at the bottom during the transition.
Last edited:
You can pretty much do anything you want with the cards by modifying the library, here are some screenshots from an app I'm working on, all the cards you see and all their components are called programmatically.
I'll try to post a little guide on how to add your own constructors to the library, whenever I got some time. It's really quick and easy once you got the hang of it.
Screenshots
While it might not be perfectly smooth (especially when tapping on a card to make it come to the top of the stack. swiping is pretty smooth now) a little tip to make it smoother/less buggy-looking is to always nest the CardUI view in a RelativeLayout.
Otherwise, in a LinearLayout for example, the layout will only resize once the animation is finished, resulting in the cards being kinda cut at the bottom during the transition.
The app looks nice. :good:
Thanks a lot.
It's an app inspired by http://codecademy.com, it will basically allow people to learn & teach android development through interactive tutorials and exercises, and maybe even allow the user to build the apks written during the tutorials.
Here is what a lesson looks like, currently :
Last edited:
this is awesome... was wanting to build a calendar app with google's new design concepts... makes it so much easier now... thinking maybe I should contribute by releasing a similarly themed grid view implementation
Actually, there's already a multi-column implementation, but it's buggy with stacks.
To change the amount of columns simply modify the mColumnNumber variable in /views/CardUI.java (it's set to 1 by default).
If you wanna take a shot at fixing stacks in multi-columns, go ahead, would be much appreciated :good:
I'm not all that experienced yet but ill give it a shot
It will be a great learning experience. :good:
Similar threads
Top Liked Posts
-
There are no posts matching your filters.
-
13
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 :
- 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 :
- 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]
4CardsUI Generator & Stack title color parameter added
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
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.
Screenshots :
EDIT : commit pushed : https://github.com/Androguide/cardsui-for-android/commit/3caad5c3fa50d07654af8c5505ce64b4df6b6a0f3Victory!
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.
22
+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.
New posts
-
-
Implementing landscape lock screen in LineageOS 20?
- Latest: punamkumarixharma
