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

パッケージ詳細v1.0.5

flutter_scale_tap

Flutter用のスケールと不透明度アニメーションボタン

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
812
いいね数
27
Pub ポイント
120

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

flutter pub add flutter_scale_tap

パッケージ概要

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

押下時にスケールと不透明度の効果を備えたアニメーションボタンを提供するFlutterパッケージです。押下時にボタンが滑らかに縮小し、不透明度が低下し、リリース時に元の状態に戻ることで、ユーザーインタラクションを向上させます。応答性があり、視覚的に魅力的なUI要素を作成するのに最適です。Android、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームをサポートしており、デバイス間で一貫した動作を保証します。最小限の設定で簡単に統合できます。

用途

  • 視覚フィードバック付きのインタラクティブなボタンを作成する
  • モバイルおよびウェブアプリにおけるUXの向上
  • フォームコントロールに繊細なアニメーションを追加する
  • ゲーム内のボタンの応答性を向上させる
  • モダンなアプリインターフェースの設計

主な機能

  • 押されたときのスケールアニメーション
  • タッチ中の不透明度の変化
  • クロスプラットフォーム互換性
  • 最小限のセットアップが必要
  • スムーズなトランジション効果
  • カスタマイズ可能なアニメーション期間

適している対象

  • 洗練されたボタンインタラクションを求めるUIデザイナー
  • インタラクティブなFlutterアプリを開発する開発者
  • 軽量なアニメーションパッケージを必要とするプロジェクト
  • 複数のプラットフォームをターゲットにするアプリ
  • 迅速かつ応答性のあるインターフェースのプロトタイピング

注意事項

  • 非常に大きいか複雑なウィジェットの場合、調整が必要になる場合があります
  • アニメーションのパフォーマンスはデバイスの能力に依存します
  • 最適化が行われていない場合、高頻度タップのシナリオには適していません
  • ボタンに似たコンポーネントに限定
  • 押す/離す以外のジェスチャーのカスタマイズはサポートしていません

元の README

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

ScaleTap

Scale and opacity animated Button for Flutter

Getting Started

Wrap your widget with ScaleTap

ScaleTap(
  onPressed: (){
    //Tap
  },
  onLongPress: (){
    //Long press
  },
  child: Container(
    child: Text("Tap Me"),
  ),
)

You can change the default behaviour with the ScaleTapConfig class

class ScaleTapConfig {
  static double scaleMinValue = 0.95;
  static Curve scaleCurve = CurveSpring();
  static double opacityMinValue = 0.90;
  static Curve opacityCurve = Curves.ease;
  static Duration scaleOpacityAnimationDuration = const Duration(milliseconds: 300);
  static Duration buttonAnimationDuration = const Duration(milliseconds: 300);
}

カテゴリー

ソースリポジトリ

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

データはまだありません。