How to create a cardview with “slide” (similar to Nubank)?
I'm trying to make a layout similar to cardview from nubank's main screen, however, I'm not able to find reference to base myself. What I'm having trouble finding, is like leaving the cardview with these dots. Can anyone point me some material, or even give me tips on how to do?
Sorry for my English
android xml
asked Nov 11 '18 at 22:17
Gustavo Santos
1013
add a comment |
I'm trying to make a layout similar to cardview from nubank's main screen, however, I'm not able to find reference to base myself. What I'm having trouble finding, is like leaving the cardview with these dots. Can anyone point me some material, or even give me tips on how to do?
Sorry for my English
android xml
asked Nov 11 '18 at 22:17
Gustavo Santos
1013
add a comment |
I'm trying to make a layout similar to cardview from nubank's main screen, however, I'm not able to find reference to base myself. What I'm having trouble finding, is like leaving the cardview with these dots. Can anyone point me some material, or even give me tips on how to do?
Sorry for my English
android xml
asked Nov 11 '18 at 22:17
Gustavo Santos
1013
I'm trying to make a layout similar to cardview from nubank's main screen, however, I'm not able to find reference to base myself. What I'm having trouble finding, is like leaving the cardview with these dots. Can anyone point me some material, or even give me tips on how to do?
Sorry for my English
android xml
android xml
asked Nov 11 '18 at 22:17
Gustavo Santos
1013
asked Nov 11 '18 at 22:17
Gustavo Santos
1013
asked Nov 11 '18 at 22:17
Gustavo Santos
1013
asked Nov 11 '18 at 22:17
Gustavo Santos
1013
asked Nov 11 '18 at 22:17
Gustavo Santos
1013
1013
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
I'd do that with a ViewPager and every fragment would have a CardView as the root.
The rounded border of the CardView is about 4dp and set the ViewPager pageMargin to be about 16dp.
About the dots... It is a page indicator
There's is this one
and many others, like this other one
This might give you the NuBank card effect
answered Nov 11 '18 at 23:14
João Paulo Sena
1
add a comment |
I managed to solve it, and I ended up answering my own question in Stack Overflow in Portuguese.
How I did it: https://pt.stackoverflow.com/a/345597/57664
answered Nov 24 '18 at 11:41
Gustavo Santos
1013
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53253800%2fhow-to-create-a-cardview-with-slide-similar-to-nubank%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
I'd do that with a ViewPager and every fragment would have a CardView as the root.
The rounded border of the CardView is about 4dp and set the ViewPager pageMargin to be about 16dp.
About the dots... It is a page indicator
There's is this one
and many others, like this other one
This might give you the NuBank card effect
answered Nov 11 '18 at 23:14
João Paulo Sena
1
add a comment |
I'd do that with a ViewPager and every fragment would have a CardView as the root.
The rounded border of the CardView is about 4dp and set the ViewPager pageMargin to be about 16dp.
About the dots... It is a page indicator
There's is this one
and many others, like this other one
This might give you the NuBank card effect
answered Nov 11 '18 at 23:14
João Paulo Sena
1
add a comment |
I'd do that with a ViewPager and every fragment would have a CardView as the root.
The rounded border of the CardView is about 4dp and set the ViewPager pageMargin to be about 16dp.
About the dots... It is a page indicator
There's is this one
and many others, like this other one
This might give you the NuBank card effect
answered Nov 11 '18 at 23:14
João Paulo Sena
1
I'd do that with a ViewPager and every fragment would have a CardView as the root.
The rounded border of the CardView is about 4dp and set the ViewPager pageMargin to be about 16dp.
About the dots... It is a page indicator
There's is this one
and many others, like this other one
This might give you the NuBank card effect
answered Nov 11 '18 at 23:14
João Paulo Sena
1
answered Nov 11 '18 at 23:14
João Paulo Sena
1
answered Nov 11 '18 at 23:14
João Paulo Sena
1
answered Nov 11 '18 at 23:14
João Paulo Sena
1
1
add a comment |
add a comment |
I managed to solve it, and I ended up answering my own question in Stack Overflow in Portuguese.
How I did it: https://pt.stackoverflow.com/a/345597/57664
answered Nov 24 '18 at 11:41
Gustavo Santos
1013
add a comment |
I managed to solve it, and I ended up answering my own question in Stack Overflow in Portuguese.
How I did it: https://pt.stackoverflow.com/a/345597/57664
answered Nov 24 '18 at 11:41
Gustavo Santos
1013
add a comment |
I managed to solve it, and I ended up answering my own question in Stack Overflow in Portuguese.
How I did it: https://pt.stackoverflow.com/a/345597/57664
answered Nov 24 '18 at 11:41
Gustavo Santos
1013
I managed to solve it, and I ended up answering my own question in Stack Overflow in Portuguese.
How I did it: https://pt.stackoverflow.com/a/345597/57664
answered Nov 24 '18 at 11:41
Gustavo Santos
1013
answered Nov 24 '18 at 11:41
Gustavo Santos
1013
answered Nov 24 '18 at 11:41
Gustavo Santos
1013
answered Nov 24 '18 at 11:41
Gustavo Santos
1013
1013
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53253800%2fhow-to-create-a-cardview-with-slide-similar-to-nubank%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
