パッケージ、リポジトリ、アプリカテゴリを検索

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.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。