搜尋套件、儲存庫與 APP 分類

animated_book_widget 封面
套件詳情v1.0.1

animated_book_widget

一個Flutter套件,提供一種互動式顯示內容的方法,類似於翻頁的體驗。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
267
喜歡數
68
Pub 分數
150

安裝套件

flutter pub add animated_book_widget

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

animated_book_widget 套件為 Flutter 提供了一種視覺上引人入勝的內容呈現方式,模擬翻閱實體頁面的觸感體驗。它讓開發者能夠建立具有平滑頁面切換效果的互動式、動畫化書本介面。適用於數位敘事、電子書或教育應用程式,透過跨多個平台的真實翻頁動畫提升使用者參與度。此套件設計用於無縫整合,並支援響應式版面。

適用情境

  • 數位故事書
  • 互動式電子學習模組
  • 投資組合演示
  • 互動式指南
  • 多媒體內容顯示

主要特色

  • 真實的翻頁動畫
  • 跨平台相容性
  • 可自訂的頁面過渡
  • 對可捲動內容的支援
  • 響應式設計整合

適合對象

  • 教育類應用開發者
  • 電子書創作者
  • 互動內容設計師
  • 專注於動畫的UI/UX設計師
  • 以行動裝置為首的應用程式建構者

使用建議

  • 複雜頁面的記憶體用量更高
  • 效能可能在舊裝置上有所差異
  • 需要仔細的佈局優化
  • 針對非頁面導航的自訂功能有限
  • 最適合包含離散區段的內容

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

banner

Flutter Animated Book Widget

build animated_book_widget

A Flutter package allows you to effortlessly create a animated book widget UI with dynamic content rendering.

Preview

Installation

Add animated_book_widget to your pubspec.yaml dependencies. And import it:

dependencies:
    animated_book_widget: <latest_version>

Import:

import 'package:animated_book_widget/animated_book_widget.dart';

How to use

AnimatedBookWidget(
  cover: _Cover,
  content: _Content,
  size: const Size.fromWidth(160),
);

Params

AnimatedBookWidget(
  cover: _Cover,
  content: _Content,
  size: const Size.fromWidth(160),
  padding: const EdgeInsets.only(right: 10),
  blurRadius: 8,
  spreadRadius: .1,
  backgroundBlurOffset: Offset.zero,
  backgroundColor: color.withOpacity(.5),
  backgroundShadowColor: color.withOpacity(.075),
  curve: Curves.linear,
  animationDuration: Duration(milliseconds: 500),
  reverseAnimationDuration: Duration(milliseconds: 500),
);

Builder

AnimatedBookWidget.builder(
  cover: _Cover,
  size: Size(200, 300),
  contentChild: _Content,
  contentBuilder: (context, animation, child) {
    return Transform(
      transform: Matrix4.identity()
        ..setEntry(3, 2, 0.001)
        ..rotateY(animation.value),
      alignment: Alignment.center,
      child: child,
    );
  },
);

Examples

Check out the example app in the example directory or the 'Example' tab on pub.dartlang.org for a more complete example.

Credit

  • This package's book animation is inspired from this Dribbble art.

Main Contributors


Brayan Cantos

diegoveloper

ecarlosdev

Roger Bacab

Paolo Joaquin Pinto

Daniel Coyula

Williams M. Torres

Awesome Mobile Libraries

License

MIT License

Copyright (c) 2024 D-velopers

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。