تنزيل Flutter Animation Progress Bar - تنزيل رمز مصدر Flutter Animation Progress Bar

Flutter Animation Progress Bar

شفرة المصدر الأخرى

1.0.0

تنزيل

شريط التقدم في الرسوم المتحركة رفرفة

تهدف حزمة أداة الرفرفة الملونة هذه إلى إظهار شريط التقدم في الرسوم المتحركة بأسلوب تفاعلي. كما يدعم كل من الشريط الرأسي والأفقي.

رفرفة إنشاء مسابقة

هذه الحزمة هي أيضًا تقديم إلى مسابقة إنشاء Flutter. القاعدة الأساسية لهذه المسابقة هي قياس حجم ملف DART الكلي أقل أو متساوية 5 كيلو بايت.

بعد إلغاء زيادة الملف المضغوط ، قم بتشغيل الأمر التالي لتحديث التبعيات:

 flutter packages get

لتقييم الحجم الإجمالي لجميع ملفات DART:

 find . -name "*.dart" ! -name "*test*"  | xargs cat | wc -c

لتقييم رمز السهام فقط الحزمة:

 find . -name "*.dart" ! -name "*test*" ! -path "*example*"  | xargs cat | wc -c

لتشغيل تطبيق مثال بسيط مع حجم إجمالي لرمز DART أقل أو متساوية 5 كيلو بايت:

 cd example
flutter clean
flutter run

تطبيق إعادة التشغيل الساخن مع "R" لإعادة تشغيل الرسوم المتحركة

لتشغيل تطبيق المثال الكامل:

 cd example
mv lib/main.dart tmp && mv lib/main.dart.bk lib/main.dart && mv tmp lib/main.dart.bk
flutter clean
flutter run

باستخدام أزرار الإجراء المدمجة لتغيير القيمة ومعرفة التأثير

ابدء

من أجل استخدام هذه الحزمة ، قم بالاستيراد

 import 'package:flutter_animation_progress_bar/flutter_animation_progress_bar.dart' ;

يمكن أن يتم التنفيذ الأساسي كما يلي الرمز:

 import 'package:flutter/widgets.dart' ;
import 'package:flutter_animation_progress_bar/flutter_animation_progress_bar.dart' ;

void main () {
  runApp (
    Center (
        child : FAProgressBar (
      currentValue : 80 ,
      displayText : '%' ,
    )),
  );
}

مثال التطبيق

يمكنك العثور على المزيد من الأمثلة من تطبيق المثال

API

في هذا الجدول ، يمكنك العثور على جميع السمات التي توفرها هذه الحزمة:

يصف	القيمة الافتراضية	وصف
CurrentValue	0	اضبط القيمة الحالية لشريط التقدم. يجب أن تكون هذه القيمة في حالة جيدة بحيث يتم استدعاء SetState ()
maxvalue	100	أقصى قيمة ليتم عرضها كشريط تقدم. يمكن أن تكون القيمة الحالية أكبر من القيمة القصوى
مقاس	30	ارتفاع الشريط إذا كان الاتجاه في المحور. عرض الشريط إذا كان الاتجاه في المحور
الرسوم المتحركة	مدة const (ميلي ثانية: 300)	حدد مدة دورة الرسوم المتحركة
اتجاه	المحور	يمكن أن يكون الشريط في محور .
الاتجاه الرأسي	verticaldirection.down	مع الاتجاه العمودي ، يمكن أن يكون الشريط عموديًا .
الحدود	8	اضبط دائرة نصف قطر الحدود
حدود	`null`	اضبط نمط الحدود الشريط بواسطة Boxborder
BackgroundColor	Const Color (0x00ffffff)	اضبط لون الخلفية الشريط
ProgressColor	لون const (0xFFFA7268)	اضبط اللون الذي يتقدم في الشريط
تقدم	`null`	اضبط شريط التقدم. يتجاوز `progressColor`
ChangeColorvalue	`null`	تعيين قيمة يجب تغيير لون التقدم إلى [0 --- الأزرق ---- [ 70 ] -RED-100]
ChangeProgressColor	لون const (0xFF5F4B8B)	سيتم تغيير اللون الذي يتقدم لونه ، كلما كانت القيمة الحالية أكبر من changeColorValue
DisplayText	`null`	نص لعرض الانتماء مع CurrentValue. أمثلة: `%` -> `20%` `°F` -> `80°F`
DisplayTextStyle	...	TextStyle of DisplayText

أشياء

 class FAProgressBar {

  final double currentValue;
  final double maxValue;
  final double size;
  final Duration animatedDuration;
  final Axis direction;
  final VerticalDirection verticalDirection;
  final double borderRadius;
  final BoxBorder border;
  final Color backgroundColor;
  final Color progressColor;
  final Gradient progressGradient;
  final int changeColorValue;
  final Color changeProgressColor;
  final String displayText;
  final TextStyle displayTextStyle;
}