패키지, 저장소 및 앱 카테고리 검색

ducafecatFlutter 생태계 탐색
animated_book_widget 표지
패키지 상세v1.0.1

animated_book_widget

Flutter 패키지로, 페이지를 넘기는 경험과 유사한 인터랙티브한 콘텐츠 표시 방법을 제공합니다.

AndroidiOSWebmacOSWindowsLinux
pub.dev API 문서 소스 코드
30일 다운로드
267
좋아요
68
Pub 점수
150

패키지 설치

flutter pub add animated_book_widget

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

animated_book_widget 패키지는 플러터에서 콘텐츠를 시각적으로 매력적인 방식으로 제시하는 방법을 제공하며, 실제 책 페이지를 넘기는 촉감 경험을 시뮬레이션합니다. 개발자가 부드러운 페이지 전환 효과를 갖춘 인터랙티브하고 애니메이션된 책 같은 인터페이스를 만들 수 있게 해줍니다. 디지털 스토리텔링, 전자책 또는 교육용 앱에 적합하며, 다양한 플랫폼에서 현실적인 페이지 뒤집기 애니메이션을 통해 사용자 참여도를 높입니다. 이 패키지는 원활한 통합을 위해 설계되었으며 반응형 레이아웃을 지원합니다.

사용 사례

  • 디지털 스토리북
  • 인터랙티브 전자학습 모듈
  • 포트폴리오 프레젠테이션
  • 인터랙티브 가이드
  • 다양한 미디어 콘텐츠 표시

주요 기능

  • 현실적인 페이지 전환 애니메이션
  • 크로스 플랫폼 호환성
  • 사용자 정의 가능한 페이지 전환
  • 스크롤 가능한 콘텐츠 지원
  • 반응형 디자인 통합

적합한 대상

  • 교육 앱 개발자
  • 전자책 제작자
  • 인터랙티브 콘텐츠 디자이너
  • 애니메이션에 초점을 맞춘 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.

카테고리

애니메이션 및 전환

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.