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

ducafecatFlutter 생태계 탐색
패키지 상세v1.0.5

kenburns

플러터에서 켄 버너스 효과. 켄 버너스 효과는 정지된 이미지에서 비디오 제작에 사용되는 팬 및 줌 효과의 일종입니다.

pub.dev API 문서 소스 코드
30일 다운로드
21
좋아요
25
Pub 점수
40

패키지 설치

flutter pub add kenburns

패키지 개요

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

kenburns 패키지는 Flutter에서 Ken Burns 효과를 가능하게 하여 정지된 이미지를 부드러운 편집 및 줌 이동으로 애니메이션화할 수 있게 해줍니다. 이 효과는 정적 이미지에 동적인 시각적 관심을 더해 주며, 사진 갤러리, 발표 자료, 스토리텔링 앱 등에서 흔히 사용됩니다. 패키지는 Flutter 프로젝트에 원활하게 통합되며, 사용자 지정 가능한 애니메이션 속도와 방향을 지원합니다. 복잡한 비디오 처리 없이 이미지 표시에 영화 같은 분위기를 더하고 싶은 개발자에게 이상적입니다. 단순성과 성능을 고려하여 설계되었으며 다양한 화면 크기와 해상도에서 잘 작동합니다.

사용 사례

  • 사진 갤러리
  • 애니메이션 스토리보드
  • 프레젠테이션 슬라이드
  • 디지털 사이니지
  • 인터랙티브 UI 요소

주요 기능

  • 부드러운 패닝 및 줌
  • 사용자 정의 애니메이션 속도
  • 이미지 위젯과의 간편한 통합
  • 반응형 레이아웃을 지원합니다
  • 필요한 최소 구성

적합한 대상

  • 앱 개발자
  • UI 디자이너
  • 콘텐츠 창작자
  • 교육 앱
  • 미디어가 풍부한 애플리케이션

고려 사항

  • 이미지 애니메이션으로 제한
  • 오디오 지원 없음
  • 최적의 시각 효과를 위해 신중한 조정이 필요합니다
  • 고주파 업데이트에 적합하지 않습니다
  • 저사양 기기에서 성능에 영향을 미칠 수 있습니다

원본 README

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

KenBurns

The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery.

Wrap your image with a KenBurns widget

Container(
      height: 300,
      child: KenBurns(
        child: Image.network("https://lemag.nikonclub.fr/wp-content/uploads/2017/07/08.jpg", fit: BoxFit.cover,),
      ),
),

screen

Configuration

You can configure KenBurns Widget

KenBurns(
    minAnimationDuration : Duration(milliseconds: 3000),
    maxAnimationDuration : Duration(milliseconds: 10000),
    maxScale : 8,
    child: ...
  });

Multiple images

You can display multiple child in KenBurns with a CrossFade animation

Container(
    height: 300,
    child: KenBurns.multiple(
      childLoop: 3,
      children: [
        Image.network(
          "https://www.photo-paysage.com/?file=pic_download_link/picture&pid=3100",
          fit: BoxFit.cover,
        ),
        Image.network(
          "https://cdn.getyourguide.com/img/location_img-59-1969619245-148.jpg",
          fit: BoxFit.cover,
        ),
        Image.network(
          "https://www.theglobeandmail.com/resizer/vq3O7LI3hvsjTP2N0m9NwU4W3Eg=/1500x0/filters:quality(80)/arc-anglerfish-tgam-prod-tgam.s3.amazonaws.com/public/4ETF3GZR3NA3RDDW23XDRBKKCI",
          fit: BoxFit.cover,
        ),
      ],
    ),
),

Download

pub package

dependencies:
  kenburns: ^1.0.5

License

Copyright 2019 florent37, Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

카테고리

이미지

소스 저장소

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

아직 데이터가 없습니다.