تعتبر عملية التحكم في الأرقام من العمليات الأساسية في تطبيقات الجوال، وخاصة عندما يتعلق الأمر بتحديد القيم في نطاق معين. ولتحقيق هذه العملية بطريقة سهلة وفعالة في Flutter، يمكن استخدام Widget المسمى Slider.
ما هو Slider؟
Slider هو Widget في Flutter يسمح بتحديد قيمة معينة في نطاق محدد بواسطة سحب الشريط المتحرك. يمكن استخدامه لتحديد أي قيمة رقمية في التطبيق، مثل الصوت أو الإضاءة أو الحجم.
“اقرأ أيضاً: شرح استخدام ويدجت Row في فلاتر“
خصائص Slider
تحتوي Slider على عدد من الخصائص التي يمكن تخصيصها لتحقيق المظهر والسلوك المرغوبين. وفيما يلي شرح لأهم هذه الخصائص:
value
هذه الخاصية تحدد القيمة الحالية لـ Slider. يمكن تحديد القيمة الافتراضية باستخدام الخاصية initialValue.
Slider(
value: _value,
min: 0,
max: 100,
onChanged: (value) {
setState(() {
_value = value;
});
},
)
min و max
هذه الخاصيتان تحددان الحد الأدنى والأقصى لقيمة Slider. يجب تحديد هذه الخاصيتين بالإضافة إلى القيمة الحالية.
Slider(
value: _value,
min: 0,
max: 100,
onChanged: (value) {
setState(() {
_value = value;
});
},
)
“اقرأ أيضاً: شرح استخدام ويدجت PageView في فلاتر“
divisions
هذه الخاصية تحدد عدد الأقسام التي ينقسم إليها Slider. يمكن استخدام هذه الخاصية لتحديد نقاط الانقسام في Slider.
Slider(
value: _value,
min: 0,
max: 100,
divisions: 10,
onChanged: (value) {
setState(() {
_value = value;
});
},
)
label
هذه الخاصية تحدد عرض القيمة الحالية لـ Slider. يمكن استخدامها لعرض القيمة المحددة بطريقة أكثر تفصيلاً.
Slider(
value: _value,
min: 0,
max: 100,
label: '$_value',
onChanged: (value) {
setState(() {
_value = value;
});
},
)
activeColor و inactiveColor
هذه الخاصيتان تحددان لون Slider في حالة التفاعل وفي حالة عدم التفاعل.
Slider(
value: _value,
min: 0,
max: 100,
activeColor: Colors.blue,
inactiveColor: Colors.grey,
onChanged: (value) {
setState(() {
_value = value;
});
},
)
“اقرأ أيضاً: شرح استخدام ويدجت BottomSheet في فلاتر“
تعد Slider أداة هامة جدًا في تطوير تطبيقات Flutter، حيث تسمح بتحديد القيم الرقمية في نطاق محدد بطريقة سهلة وفعالة. يمكن تخصيص خصائصها بسهولة لتلبية احتياجات التطبيق وتحقيق المظهر والسلوك المرغوبين. وباستخدام التوضيحات والأمثلة المذكورة في هذه المقالة، يمكن للمطورين في Flutter تطوير تطبيقات أكثر قوة وفعالية.
