فيديوهات الدرس
- رابط الفيديو OnTapGesture
شرح الدرس
طريقة تغيير متغير variable باستخدام OnTapGesture
- نستخدم متغير من نوع State لمعرفة إذا تغيرت قيمة المتغير مثل المثال التالي
@State var color = "green"
- نقوم بإضافة جملة في Text لرؤيتها
VStack {
Text("My favourite color is " , color)
.padding() }
- نقوم بإنشاء Text جديد واضافة OnTapGesture لتغير اللون الاخضر الى اللون الازرق
Text("Blue")
.padding()
.foregroundColor(.blue)
.onTapGesture {
color = "Blue"
}
تمرين
في هذا التمرين سنقوم ببناء تطبيق الهاتف
- قم بإنشاء مشروع جديد باسم Best Track
- قم بإدراج 4 مسارات في الشاشة على الشكل التالي
- عند الضغط على اي مسار يقوم بإظهارها ايقونه المسار مثال:
بونص: قم بتغير خلفية النصوص إلى الاوان التالية