rubensousa / viewpagercards Goto Github PK

View Code? Open in Web Editor NEW

4.1K 95.0 614.0 105 KB

ViewPager cards inspired by Duolingo

License: Apache License 2.0

Java 100.00%

viewpager cardview

viewpagercards's Introduction

ViewPagerCards

ViewPager cards inspired by Duolingo

From my blog post: https://rubensousa.github.io/2016/08/viewpagercards

This is just a sample project.

There's support included for Fragments and normal Views. Check the CardPagerAdapter and CardFragmentPagerAdapter classes.

Left - Duolingo implementation

Right - This sample

What you could do with this:

Showcasing premium features
An app intro
A small gallery of images

License

Copyright 2016 Rúben Sousa

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

viewpagercards's People

Contributors

Stargazers

Watchers

Forkers

ajrulez luoyiqi nilopc-learning-android taimur97 androidexplore chinghao whynoter widegalaxy wu-leaf yznyan neil-orzzh llpj lerist zhuwenquan augmify selfimprw zhoulujue young4983 huoshulei derohimat jianghuashan wuyi166 ltd920678778 tomorrowdreamer hengsongji techscientist j0sem4rio generalzou vorabhai duongnv1996 quangtrung89 zy841336855 mldeng 243787656 langelee initliu parksangkil txfyteen alirezaghanbarinia szn0212 naseemakhtar994 vinzhuo changzhengos zhjunvj hualuojingyuchen msoftware ashishpatil396 nikhil-z devenlu hpdx dukersunny pradeep9868 tingsky9985 amansat ab503044120 aminempdam rtu changjiashuai simongiesen feimaomiaomiao weizai zhoujianhanyu hnyer zhanw alamoweb hackboy sleepingant superroye yangzilong1986 arteaga2k droiddeveloper28 andvisions jastyle yippeeapp racytok zhuhui tknuk026 kengardiner rameshvoltella huyanghu diaosidev blueflychief qwh123 lakkichand lihehehehe dipakuttampatil mahao521 jeffersondias chan-kelv wolf0931 wangjishan wlmxj kishorramani caidaow gaoguibao1921 viclee888 yangqi1993 vercent aimicm jamesliandroid

viewpagercards's Issues

How do add button click for each card view ?

Hi, i use this ... Great !
but how to add onclick listener for each card view !?
i need go to another activity when click on each card view button !
thanks

enableScaling ui bug

when enableScaling，there will be line in card

How to make multiple CardView on page ?

example on offer

*prototype

Button Config

Sorry to disturb Ruben, but I had 1 more question.
for example: When u click on cool card it should open another page or print toast. if clicked some other card it does something else.

I have been trying it since you added array list system but no luck

// Fixed it

Listeners when move from one Card to other

Hi, is there is any listeners when i swap from one card to next?

How to add library in my project

Display multiple view-pages at the same time.

Hi,

Thank you for the lovely implementation.
I was trying around with the code aiming to display 2 or more views at the same time and all the centre views having scaling enables.

I tried with
@OverRide
public float getPageWidth(int position) {
return super.getPageWidth(position) / 2;
}

in the adapter, but it isn't working as intended.

So if you get a chance to look into this, do share.
Thanks

Rtl ViewPager

Hi Thank you for your nice solution.
How can i set ShadowTransformer for Rtl ViewPager?

Could the item be click? and show a toast?

How to add new fragment

I want to add a new Card Fragment named CardFragment2 , how do i add like similier:

addCardFragment(new CardFragment2));
for(int i = 0; i< 2; i++){
addCardFragment(new CardFragment());
}

Need help with adding unique data

Hey Ruben, Can you please explain with example how to add unique data in each card from an array list or something

it occurs a problem when data.Size = 1

i used enableScaling = true but not become effective when data.Size = 1

how to let it cycle

hi, if i'd like let it cycle, how to fix it

Added AndroidX Support. Do Check!

I added androidX and latest gradle Support here at https://github.com/aminPial/ViewPagerCards. You can check that for latest dependencies for this repo.
Cheers!

If I want an infinite loop ， What should I do？

Setting different texts to each card

Hello,

Thanks for the implementation, it is of great help.

I am having some trouble with changing the content of each card dynamically. not from the layout xml. I would like to set different texts to each card. How can I achive this by using the adapter you've designed?

Thank you

Card align left

Hi,
great library.

Is it possible to make the first card align to the left rather than center ?

I try this, but does not work;

<android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/line_color"
            android:layout_gravity="start"
            android:gravity="start"
            android:clipToPadding="false"
            android:overScrollMode="never"
            android:paddingEnd="@dimen/card_padding"
            android:paddingLeft="@dimen/card_padding"
            android:paddingRight="@dimen/card_padding"
            android:paddingStart="@dimen/card_padding" />

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:card_view="http://schemas.android.com/tools"
    android:id="@+id/cardView"
    app:cardUseCompatPadding="true"
    android:layout_width="436dp"
    android:layout_height="match_parent"
    android:layout_gravity="left">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:weightSum="1"
            android:gravity="start|left"
            android:layout_gravity="left">
...

Thanks