【MyAndroid】viewpage+cardView卡片海报效果展示--100个经典UI设计模板(99/100)

官网效果挺好看的:
请添加图片描述
请添加图片描述
请添加图片描述
不过需求不需要指示器
笔者的实现效果如图:
PageStyle.NORMAL
在这里插入图片描述

PageStyle.MULTI_PAGE
在这里插入图片描述
PageStyle.MULTI_PAGE_OVERLAP
在这里插入图片描述

笔者集成到MyAndroid项目里了,做了一定的修改。后面可能还会修改参数。UI设计大佬给的效果难度比较大哦!
定制化可参考https://gitee.com/lc951/my-android

简单使用参考Github开源即可

记录一下使用过程中的难点

  1. AS环境要求4.2以上,可是笔者是驻场内网开发,开发工具不能随便升级
  2. java和kt脚本混搭,硬是看了半个小时才搞明白整体业务设计结构,建议搞不懂的看分支2_x的版本java比较多
  3. java环境要求比较高一些,一些旧的老的项目在语法上不兼容

定制笔者的效果参考下面代码:

 BannerViewPager<CardOverlayModel, CardOverlayViewHolder> bannerViewPager = findViewById(R.id.banner_view);
        bannerViewPager.setOnPageClickListener(new BannerViewPager.OnPageClickListener() {
            @Override
            public void onPageClick(int position) {
                Toast.makeText(CardOverlayActivity.this, "position:" + position, Toast.LENGTH_SHORT)
                        .show();
            }
        })
                .setAutoPlay(false)
                .setPageStyle(PageStyle.MULTI_PAGE_SCALE)
                .setRevealWidth(BannerUtils.dp2px(30))
                .setHolderCreator(() -> new CardOverlayViewHolder(this))
                .create(list);

主要是setPageStyle(PageStyle.MULTI_PAGE_SCALE)和setRevealWidth(BannerUtils.dp2px(30))
布局如下:

    <com.zhpan.bannerview.BannerViewPager
            android:id="@+id/banner_view"
            android:layout_width="match_parent"
            android:layout_margin="10dp"
            android:layout_height="160dp" />

可能也许需要下面这段

public class CardOverlayViewHolder implements ViewHolder<CardOverlayModel> {

    private Context context;


    public CardOverlayViewHolder(Context context) {
        this.context=context;
    }

    @Override
    public int getLayoutId() {
        return R.layout.item_viewpager;
    }

    @Override
    public void onBind(View itemView, CardOverlayModel data, int position, int size) {
        ImageView imageView = itemView.findViewById(R.id.card_iv);

        if(!TextUtils.isEmpty(data.getCoverUrl())){
            Glide.with(context)
                    .load(data.getCoverUrl())
                    .error(R.mipmap.ic_img02)
                    .placeholder(R.mipmap.ic_img01)
                    .into(imageView);
        }
    }
}

使用效果很好。集成难度有些。耐心点慢慢理解都能克服哈!

混淆

    -keep class androidx.recyclerview.widget.**{*;}
    -keep class androidx.viewpager2.widget.**{*;}

参考

https://github.com/zhpanvip/BannerViewPager/blob/master/README_CN.md

自研产品推荐

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具,由于开发人力就作者一个所以人力有限,因此v1.0.0版本功能进行精简,大功能项有:

  • api参数填写
  • api请求响应数据展示
  • PDF形式的分享文档
  • Mock本地化解决方案
  • api列表数据本地化处理
  • 再加上UI方面的打磨

为了更好服务大家把之前的公众号和软件激活结合,如有疑问请大家反馈到公众号即可,下个版本30%以上的更新会来自公众号的反馈。
嗯!先解释不上服务端原因,API调试工具的绝大多数时候就是一个数据模型、数据处理、数据模型理解共识的问题解决工具,所以作者结合自己十多年开发使用的一些痛点来打造的,再加上服务端开发一般是面向企业的,作者目前没有精力和时间去打造企业服务。再加上没有资金投入所以服务端开发会滞后,至于什么时候会进行开发,这个要看募资情况和用户反馈综合考虑。虽然目前国内有些比较知名的api工具了,但作者使用后还是觉得和实际使用场景不符。如果有相关吐槽也可以在作者的公众号里反馈蛤!
下面是一段smartApi使用介绍:
在这里插入图片描述

下载地址:

https://pan.baidu.com/s/1kFAGbsFIk3dDR64NwM5y2A?pwd=csdn

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lichong951

你的鼓励决定更新的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值