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

flutter_tilt のカバー
パッケージ詳細v4.1.0

flutter_tilt

Flutter用に傾きパララックスホバーエフェクトを簡単に適用できます。傾き、光、影効果、ジャイロスコープセンサー、および多数のカスタムパラメータをサポートしています。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
1.5万
いいね数
372
Pub ポイント
160

パッケージをインストール

flutter pub add flutter_tilt

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutter Tilt は、開発者が簡単に傾きパララックス効果を実装できるようにする Flutter パッケージです。ホバー操作、照明、影、複数のプラットフォームでのジャイロスコープ統合に対応しています。傾きの反応性、影の奥行き、ビジュアルスタイルを微調整できるカスタマイズ可能なパラメータを提供し、没入感がありダイナミックなユーザーインターフェースの作成に最適です。このパッケージは Android、iOS、Web、macOS、Windows、Linux でスムーズに動作し、繊細な 3D モーション効果によって UI のエンゲージメントを向上させます。

用途

  • インタラクティブなカードデザインの作成
  • ボタンと画像にホバー効果を追加する
  • eコマースアプリにおける製品ショーケースの強化
  • 魅力的なランディングページの構築
  • モーションを用いたレスポンシブUI要素の実装
  • 物理的オブジェクトの挙動をシミュレートする

主な機能

  • チルトとパララックス効果
  • ジャイロスコープセンサー対応
  • カスタマイズ可能な影と光のエフェクト
  • クロスプラットフォーム互換性
  • 傾き感度の細かい制御
  • スムーズなアニメーションの遷移

適している対象

  • ダイナミックなエフェクトを求めるUIデザイナー
  • インタラクティブなプロトタイプを開発する開発者
  • 電子商取引およびポートフォリオアプリケーション
  • 没入型のユーザー体験を必要とするアプリ
  • マルチプラットフォーム展開をターゲットにするチーム

注意事項

  • 低スペックデバイスでのパフォーマンスに影響を与える可能性があります
  • 自然なフィーリングを得るためには慎重な調整が必要です
  • 視覚的な改善に限定され、機能的な論理は含まれない
  • アクセシビリティが重要なコンポーネントには適していません
  • 完全な機能を実現するにはデバイスのセンサーに依存します

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

GitHub stars Pub.dev likes

📓 Documentation: English | 中文
🎁 Check out the Live Demo.
💡 See the Migration Guides to learn how to migrate between breaking changes.



Flutter Tilt
stable package dev package

pub downloads pub points CodeFactor codecov license

Easily apply tilt parallax hover effects for Flutter!


Example Preview GIF - Parallax image
Example Preview GIF - Layout
Example Preview GIF - TiltAnimatedBuilder
Example Preview GIF - Layout
Check out the Live Demo.


Features ✨

  • 👀 Tilt & parallax effects
  • 🎨 Simulated light & shadow effects
  • 📱 Gyroscope sensor support (Sensor compatibility)
  • 🧱 Multiple layouts
  • 👇 Supports hover, touch, and sensors events (Gesture priority)
  • 🖼️ Smooth animation
  • ⚙️ Many custom parameters

Documentation 📓

Contributors ✨

See graphs/contributors for more details.
Contributions of any kind are welcome! (emoji key)

AmosHuKe
AmosHuKe
💻  👀  📖  💡  ⚠️  🚧  🎨  🤔  💬 

LOCKEDFILE
LOCKEDFILE
🐛
aytunc
aytunch
🤔

License 📄

MIT License
Open sourced under the MIT license.

© AmosHuKe

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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