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

套件詳情v1.0.5

kenburns

在Flutter中實現Ken Burns效果。Ken Burns效果是一種在影片製作中從靜態影像中使用的推拉和縮放效果。

近 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.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。