paperfold

패키지 개요

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

Paperfold는 개발자가 어떤 위젯 자식에도 현실적인 종이 접기 효과를 적용할 수 있도록 해주는 Flutter 패키지입니다. 부드러운 애니메이션을 통해 접힌 종이의 시각적 외관을 시뮬레이션하여 동적이고 촉각적인 상호작용으로 사용자 인터페이스를 향상시킵니다. 인터랙티브 카드, 문서 미리보기 또는 매력적인 UI 전환을 만들기에 적합하며, Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼에서 작동합니다. 이 패키지는 가볍고 간단한 추가 명령어로 기존의 Flutter 프로젝트에 쉽게 통합될 수 있습니다.

사용 사례

인터랙티브 카드 애니메이션
문서 미리보기 인터페이스
동적 UI 전환
앱 온보딩 화면
창의적인 대시보드 요소
제스처로 제어하는 접기 효과

주요 기능

현실적인 종이 접기 애니메이션
크로스 플랫폼 호환성
pub를 통한 간단한 통합
사용자 정의 가능한 접기 각도
모든 기기에서 부드러운 성능
중첩 위젯을 지원합니다

적합한 대상

시각적 매력이 필요한 UI 디자이너
인터랙티브 앱을 개발하는 개발자
촉각 피드백이 필요한 프로젝트
교육용 또는 발표용 앱
문서 또는 카드 기반 레이아웃을 가진 앱

고려 사항

저사양 기기에서 성능에 영향을 미칠 수 있습니다
접기 스타일 변환에 제한됨
복잡한 3D 장면에 적합하지 않습니다
신중한 레이아웃 기획이 필요합니다
다른 화면 크기에 맞게 애니메이션을 조정할 필요가 있을 수 있습니다
시각적 혼잡을 피하기 위해 적절히 사용하는 것이 좋습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

This package provides a widget which applies a paper fold effect on it's child. You can choose between horizontal and vertical fold direction. The number of strips has to be at least two.

Getting started

Installation

Add paperfold as a dependency in your pubspec.yaml file. Or run pub add paperfold in your terminal.

Usage

Just add the widget to your tree and you're done :). Take a look at example to see more.

PaperFold(
  mainAxis: PaperFoldMainAxis.vertical,
  strips: 4,
  foldValue: .5,
  pixelRatio: 1,//works best if you query the device pixel ration with MediaQuery.of
  child: ClipRRect(
    borderRadius: BorderRadius.all(Radius.circular(20)),
    child: Container(
      color: Colors.green,
      height: 150,
      child: ListView.builder(
        itemCount: 30,
        itemBuilder: (context, index) {
          return Column(
            children: [
              Row(
                children: const [
                  Icon(
                    Icons.translate,
                    size: 50,
                  ),
                  Text("hello world, hello world")
                ],
              ),
            ],
          );
        },
      ),
    ),
  ),
);

Limitation

User interactions (gestures etc.) with child only possible in unfold state. (0 <= fold value < 1)
Child widgets can't be animated. This is also valid for videos. You can wrap it by the paperfold, but the content will not update in folded state.

Issues

Feel free to file any issues, bugs, or feature requests. All contributions are welcome :)

License

Special thx

Special thanks to GwaedGlas for reviewing and sparring this package

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