不断学习,做更好的自己!💪
视频号CSDN简书欢迎打开微信,关注我的视频号:KevinDev点我点我 开始使用qmui 1. 引入库 请确保配置了 JCenter 仓库源,然后直接引用: implementation "com.qmuiteam:qmui:2.0.0-alpha10"
至此,QMUI 已被引入项目中。
2. 配置主题 把项目的 theme 的 parent 指向 QMUI.Compat,至此,QMUI 可以正常工作。
1. 效果图
2. 布局文件
3. CardTransformer.java
/**
* Created on 2022/4/7 16:33
*
* @author Gong Youqiang
*/
public class CardTransformer implements ViewPager.PageTransformer {
@Override
public void transformPage(@NonNull View page, float position) {
// 刷新数据notifyDataSetChange之后也会调用到transformPage,但此时的position可能不在[-1, 1]之间
if (position = 1f) {
page.setRotation(0);
} else {
page.setRotation(position * 30);
page.setPivotX(page.getWidth() * .5f);
page.setPivotY(page.getHeight() * 1f);
}
}
}
4. ViewPagerActivity.java
public class ViewPagerActivity extends BaseActivity {
@BindView(R.id.topbar)
QMUITopBar mTopBar;
@BindView(R.id.pager)
QMUIViewPager mViewPager;
private List mItems = new ArrayList();
@Override
protected int getLayoutId() {
return R.layout.activity_view_pager;
}
@Override
protected void initView() {
initData(5);
initTopBar();
initPagers();
}
private void initData(int count) {
for (int i = 0; i = 21;
mViewPager.setPageTransformer(false, new CardTransformer(),
canUseHardware ? ViewCompat.LAYER_TYPE_HARDWARE : ViewCompat.LAYER_TYPE_SOFTWARE);
mViewPager.setInfiniteRatio(500);
mViewPager.setEnableLoop(true);
mViewPager.setAdapter(pagerAdapter);
}
static class ItemView extends FrameLayout {
private TextView mTextView;
public ItemView(Context context) {
super(context);
mTextView = new TextView(context);
mTextView.setTextSize(20);
mTextView.setTextColor(ContextCompat.getColor(context, R.color.app_color_theme_5));
mTextView.setGravity(Gravity.CENTER);
mTextView.setBackgroundColor(ContextCompat.getColor(context, R.color.white));
int size = QMUIDisplayHelper.dp2px(context, 300);
FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(size, size);
lp.gravity = Gravity.CENTER;
addView(mTextView, lp);
}
public void setText(CharSequence text) {
mTextView.setText(text);
}
}
}