【MyAndroid】viewpage+cardView卡片楼层效果展示(1)--100个经典UI设计模板(98/100)

在这里插入图片描述

在这里插入图片描述

UI布局

   <com.bartoszlipinski.flippablestackview.FlippableStackView
        android:id="@+id/stack"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

数据加载

简单使用

FlippableStackView stack = (FlippableStackView) findViewById(R.id.stack);
stack.initStack(2);
stack.setAdapter(mStackAdapter); //assuming mStackAdapter contains your initialized adapter

自定义各种参数使用

高度可定制,FlippableStackView可为您提供您真正想要的视觉效果。

有三种方法可以初始化堆栈:

第一个以默认方式(按比例和按方向)设置堆栈:

pu、。;lpo0i987;u9jiokml,.blic voi 吗≤熊¬…,、。d initStack(int numberOfStacked)

第二个以默认方式(按比例)设置堆栈,但让我们选择它的方向:

public void initStack(int numberOfStacked, StackPageTransformer.Orientation orientation)

最后一个…更高级一点(让您自定义所有与比例相关、与方向相关和与对齐相关的参数):

public void initStack(int numberOfStacked,
                      StackPageTransformer.Orientation orientation,
                      float currentPageScale,
                      float topStackedScale,
                      float overlapFactor,
                      StackPageTransformer.Gravity gravity)

本文gif动画效果使用如下:

  FlippableStackView stack = (FlippableStackView) findViewById(R.id.stack);
        stack.initStack(list.size(), StackPageTransformer.Orientation.HORIZONTAL
                ,0.8f, 0.7f
                , 0.4f, StackPageTransformer.Gravity.TOP);
        stack.setAdapter(pagerAdapter); //assuming mStackAdapter contains your initialized adapter

样式

StackPageTransformer.Gravity.TOP
StackPageTransformer.Gravity.CENTER(默认)
StackPageTransformer.Gravity.BOTTOM

使用

implementation ('com.bartoszlipinski.flippablestackview:library:1.2.1'){
        exclude module: 'support-v4'
        exclude group: 'com.android.support'
    }

出现了Duplicate class android.support.v4.accessibilityservice.AccessibilityServiceInfoCompat found in
异常情况所以多添加了忽略 'support-v4’的情况。实际工程配置可能有其他异常情况哈!

参考

开源库:https://github.com/blipinsk/FlippableStackView

产品推荐

推荐理由

postman在国内使用已经越来越困难:
1、登录问题严重
2、Mock功能服务基本没法使用
3、版本更新功能已很匮乏
4、某些外力因素导致postman以后能否使用风险较大
出于以上考虑因此笔者自己开发了一款api调试开发工具SmartApi,满足基本日常开发调试api需求

简介

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

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

下面是一段smartApi使用介绍:
在这里插入图片描述

下载地址:

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
ViewPage Fragment 是 Android 中的一个工具类,用于在一个 Activity 中显示多个 Fragment,并且可以通过滑动来切换不同的 Fragment。仿微信的话,可以使用 ViewPage Fragment 来实现类似微信的主界面,其中每个 Fragment 分别对应微信的不同功能模块。 首先,我们可以创建一个主界面的 Activity,该 Activity 包含一个 ViewPage,用于显示不同的 Fragment。然后,创建多个 Fragment,每个 Fragment 分别负责显示微信的不同功能模块,比如聊天列表、联系人列表、发现等。 在每个 Fragment 中,可以使用 RecyclerView展示列表数据,并根据不同的业务需求进行相应的逻辑处理。比如,在聊天列表中,可以显示每个聊天会话的头像、昵称、最近一条消息等信息,并通过点击监听实现跳转到聊天界面的功能。 另外,可以为每个 Fragment 添加相应的菜单选项,仿微信的底部导航栏,用于在不同的 Fragment 之间进行切换。通过监听导航栏的点击事件,并配合 ViewPage 的滑动,可以实现类似微信的切换效果。 此外,可以通过 FragmentManager 来管理 Fragment 的生命周期,并实现 Fragment 之间的通信。比如,在聊天界面中发送一条消息后,可以通过调用 FragmentManager 的方法刷新聊天列表界面,并更新最近一条消息的显示。 总而言之,使用 ViewPage Fragment 可以很方便地实现一个仿微信的界面,通过不同的 Fragment 展示不同的功能模块,使用户可以在同一个 Activity 中进行多个功能的切换和操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

lichong951

你的鼓励决定更新的动力

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

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

打赏作者

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

抵扣说明:

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

余额充值