当前，许多app除了良好的用户体验之外，更重要的是需要丰富的内容，以及更强的用户黏性。作为工具app中的日活量居高的应用，就更应该具有更好的用户体验以及内容提供，而首页就首当其冲。 根据以上的描述，我们需要拥有良好的运营能力来承载日常的运营。首页拥有快速迭代能力无疑是一个重要的环节，所以这就出现了首页卡片。
为了使首页的运营能力更强，程序员的接入更加简易。所以首页卡片采用了XXXX设计模式。卡片框架实现了BaseCardAdapter, BaseCard, BaseCardItemViewHolder。使用者只需要在自己的Adapter继承BaseCardAdapter，实现自己业务相关信息就行。
UML图如下：

####BaseCard类：
...
// 获取当前指向的item的type
public int getCurrentItemType(int offset) {
if (offset == 0) {
return getHeaderType();
} else {
return getItemType();
}
}
public boolean isTypeHere(int type) {
if (type == getHeaderType() || type == getItemType()) {
return true;
}
return false;
}
public BaseCardItemViewHolder getViewHolderByType(ViewGroup parent, int type) {
if (type == getHeaderType()) {
return getHeaderViewHolder(parent);
} else if (type == getItemType()) {
return getItemViewHolder(parent);
}
return null;
}
...
重点在于getViewHolderByType来区分不同卡片，从而获得不同的卡片显示效果。 ####BaseCardAdapter
...
public BaseCardItemViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
for (BaseCard card : mCards) {
if (card.isTypeHere(viewType)) {
return card.getViewHolderByType(parent, viewType);
}
}
return null;
}
...
@Override
public void onBindViewHolder(BaseCardItemViewHolder holder, int position) {
holder.bindItem(this, mCardItem, position);
}
@Override
public int getItemViewType(int position) {
if(mCards != null || mCards.size() > 0) {
int[] cardPositionOffset = getCardPositionOffset(position);
BaseCard card = mCards.get(cardPositionOffset[0]);
if (cardPositionOffset[1] != 0) {
mCardItem = card.getCardData().get(cardPositionOffset[1] - 1);
}
return card.getCurrentItemType(cardPositionOffset[1]);
} else {
return 0;
}
}
/**
* 获取当前item所在卡片位置
* @param position
* @return item所在卡片位置
*/
private int[] getCardPositionOffset(int position) {
...
cardPositionOffset[0] = cardPosition;
cardPositionOffset[1] = cardOffSet;
return cardPositionOffset;
}
从BaseCardAdapter中可以看出，子类只需要继承它并在子类中实现数据加载，并且new不同的Card出来（如2.1中的card1，card2），并调用addCard方法即可将方法添加至adapter中。