颤振布局构建器单子滚动视图

简介

颤振布局（ShakyLayout）是一种实现 Android 应用中震动效果的布局方式，可以增强用户交互体验。同时，颤振布局构建器单子滚动视图（ShakyLayout Builder ScrollableView）是一个基于颤振布局的快速开发工具，可以方便地实现类似于支付宝、微信等应用的收据单子滚动视图效果。

功能特性

• 支持自定义颤振布局参数。
• 支持多种收据单子滚动视图效果。
• 可以方便地配置支付金额、二维码、退款状态等信息。
• 支持保存收据单子截图。

开发环境

• Android Studio 3.0 或以上版本
• JDK 1.8 或以上版本
• Gradle 4.1 或以上版本

快速入门

Step 1：添加依赖

在项目的 build.gradle 文件中添加以下依赖：

dependencies {
    compile 'com.github.bumptech.glide:glide:4.9.0'
    compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.3'
    compile 'com.github.skydoves:shakylayout:1.0.4'
}

Step 2：配置布局

<com.skydoves.shaky.ShakyLayout
    android:id="@+id/shakylayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:duration="500"
    app:scaleRatio="0.03"
    app:shakeCount="6"
    app:shakeInterval="20">
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- 添加收据单子内容 -->

    </LinearLayout>
</com.skydoves.shaky.ShakyLayout>

Step 3：配置 ShakyLayoutBuilderScrollableView

ShakyLayout shakyLayout = findViewById(R.id.shakylayout);
ShakyLayoutBuilderScrollableView builderView = new ShakyLayoutBuilderScrollableView(this, shakyLayout.getFrontView());

builderView.setTotal("¥100,000.00")
        .setRemark("购买商品")
        .setQrCodeBitmap(bitmap)
        .show();

完整示例代码请参考：https://github.com/skydoves/ShakyLayout

效果展示

参考文献

• GitHub 仓库：https://github.com/skydoves/ShakyLayout
• 简书文章：https://www.jianshu.com/p/7612ae6d497c
• 知乎文章：https://zhuanlan.zhihu.com/p/340784382

结语

颤振布局构建器单子滚动视图是一个强大且易于使用的快速开发工具，可以节省开发者大量的时间和精力。同时，如果您对颤振效果感兴趣，可以通过阅读参考文献进一步了解该技术。