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

本文介绍了如何集成并自定义BannerViewPager组件,包括设置样式和宽高,以及遇到的环境和兼容性问题。同时,分享了自研的SmartApi v1.0.0,一款类似Postman的API调试工具,强调了其主要功能和设计理念,并提供了下载链接。文章还提及了SmartApi的未来更新计划和用户反馈的重要性。

官网效果挺好看的:
请添加图片描述
请添加图片描述
请添加图片描述
不过需求不需要指示器
笔者的实现效果如图:
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

产品推荐

推荐理由

postman在国内使用已经越来越困难:

  1. 当电脑打开软件多一点点使用postman就会电脑卡的让人冒烟
  2. 登录问题严重
  3. Mock功能服务基本没法使用
  4. 版本更新功能已很匮乏
  5. 某些外力因素导致postman以后能否使用风险较大

出于以上考虑因此笔者自己开发了一款api调试开发工具SmartApi,满足基本日常开发调试api需求

官网地址SmartApi

http://www.smartapi.site/

是的,兄弟们,我还是建立了自己的官网!需要下载的大佬直接去官网下载就可以了蛤,顺便看看官网介绍
看下面的简单的
在这里插入图片描述


旧版本已停止维护

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

lichong951

你的鼓励决定更新的动力

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

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

打赏作者

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

抵扣说明:

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

余额充值