仿大街网-堆栈式卡片布局-SwipeCardLayout

前几天，发现大街网的App 做的还不错，有一个卡片堆叠的效果，感觉nice，按照以前的习惯，一定是在github上搜索一下下，问题解决了，自己不满意，老板很满意，哈哈。鉴于之前一直没有时间自己尝试写控件，无奈这几天公司不给我派活了。好吧自己尝试一下，刚看到这个效果事，无从下手，后来发现，一点点规律，不知道对不对，效果算是实现了

import github.alex.swipecardlayout.SwipeCardLayout;
public class MainActivity extends AppCompatActivity {
    private SwipeCardLayout swipeCardLayout;
    private Context context;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        context = this;
        initView();
    }
    @TargetApi(Build.VERSION_CODES.HONEYCOMB)
    private void initView() {
        findViewById(R.id.bt_reload).setOnClickListener(new MyOnClickListener());
        swipeCardLayout = (SwipeCardLayout) findViewById(R.id.scl);
        swipeCardLayout.setCardView(16, 5, R.layout.card_user_info, 32);
        swipeCardLayout.setSwipeDistance(96);
        swipeCardLayout.setOnSwipeCardListener(new MyOnSwipeCardListener());
        View lastView = swipeCardLayout.getLastView();
        TextView textView = (TextView) lastView.findViewById(R.id.tv_info);
        textView.setText("剩余卡片数量 = " + 16 + " 卡片总数 = " + 16 + " 堆栈的长度 = " + 5);
    }
    private final class MyOnSwipeCardListener implements SwipeCardLayout.OnSwipeCardListener {
        @Override
        public void onSwipeFinish(int cardBalanceCount, int cardCount, int stackLength) {
            // KLog.e("currIndex = "+currIndex);
            View lastView = swipeCardLayout.getLastView();
            if (lastView != null) {
                TextView textView = (TextView) lastView.findViewById(R.id.tv_info);
                textView.setText("剩余卡片数量 = " + cardBalanceCount + " 卡片总数 = " + cardCount + " 堆栈的长度 = " + stackLength);
            }
            if (cardBalanceCount > 0) {
            } else if (cardBalanceCount == 0) {
                findViewById(R.id.bt_reload).setVisibility(View.VISIBLE);
            }
            findViewById(R.id.iv_foot_left).setSelected(false);
            findViewById(R.id.iv_foot_right).setSelected(false);
        }
        @Override
        public void onSwiping(int swipeStatus, int cardBalanceCount, int cardCount, int stackLength) {
            View preLastView = swipeCardLayout.getPreLastView();
            if (preLastView != null) {
                TextView textView = (TextView) preLastView.findViewById(R.id.tv_info);
                textView.setText("剩余卡片数量 = " + (cardBalanceCount-1) + " 卡片总数 = " + cardCount + " 堆栈的长度 = " + stackLength);
            }
            if (swipeStatus == -1) {
                findViewById(R.id.iv_foot_left).setSelected(true);
                findViewById(R.id.iv_foot_right).setSelected(false);
            } else if (swipeStatus == 0) {
                findViewById(R.id.iv_foot_left).setSelected(false);
                findViewById(R.id.iv_foot_right).setSelected(false);
            } else if (swipeStatus == 1) {
                findViewById(R.id.iv_foot_left).setSelected(false);
                findViewById(R.id.iv_foot_right).setSelected(true);
            }
        }
    }
    private final class MyOnClickListener implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            if (R.id.bt_reload == v.getId()) {
                swipeCardLayout.setCardView(14, 5, R.layout.card_user_info, 32);
                View lastView = swipeCardLayout.getLastView();
                TextView textView = (TextView) lastView.findViewById(R.id.tv_info);
                textView.setText("剩余卡片数量 = " + 14 + " 卡片总数 = " + 14 + " 当前卡片在堆栈中的编号 = " + 5 + " 堆栈的长度 = " + 5);
                findViewById(R.id.bt_reload).setVisibility(View.GONE);
            }
        }
    }
}

github地址

https://github.com/Alex-Cin/SwipeCardLayout

apk文件

http://fir.im/apps/57068daff2fc425a6100000f

SwipeCardLayout.gif

Paste_Image.png