للحصول على مظهر مخصص لخلية الجدول في iOS مشابه للصورة المعروضة، يمكنك تخصيص UITableViewCell باستخدام الطريقة التالية:
-
تخصيص النص:
- قم بتعيين خط النص ولونه ومحاذاته باستخدام خاصية
textLabel
لخلية الجدول. - لتخصيص النص الفرعي، استخدم خاصية
detailTextLabel
.
- قم بتعيين خط النص ولونه ومحاذاته باستخدام خاصية
-
تخصيص الصورة:
- استخدم خاصية
imageView
لتعيين الصورة الرئيسية لخلية الجدول. - يمكنك استخدام خاصية
accessoryView
لإضافة صورة إضافية على الجهة اليمنى للخلية.
- استخدم خاصية
-
تخصيص الخلفية:
- يمكنك تعيين خلفية ملونة للخلية باستخدام خاصية
backgroundColor
.
- يمكنك تعيين خلفية ملونة للخلية باستخدام خاصية
-
تخصيص اختيار الخلية:
- لتخصيص مظهر الخلية عند تحديدها، يمكنك استخدام خاصية
selectedBackgroundView
لتعيين خلفية مخصصة.
- لتخصيص مظهر الخلية عند تحديدها، يمكنك استخدام خاصية
-
تخصيص حواف الخلية:
- يمكنك تخصيص حواف الخلية باستخدام الخاصية
separatorInset
لتعيين التباعد من اليسار.
- يمكنك تخصيص حواف الخلية باستخدام الخاصية
عمومًا، يمكنك تحقيق هذا المظهر دون الحاجة إلى استخدام custom UIView
، ولكن قد تحتاج إلى بعض التجربة والتعديل للوصول إلى النتيجة المرجوة.
المزيد من المعلومات
لتخصيص UITableViewCell بشكل كامل للحصول على المظهر المعروض في الصورة، يمكنك استخدام الخطوات التالية:
-
تخصيص النص:
- قم بتعيين النص الأساسي والنص الفرعي باستخدام
textLabel
وdetailTextLabel
على التوالي. - قم بتعيين خصائص النص مثل اللون والحجم والمحاذاة والخط بشكل مناسب.
- قم بتعيين النص الأساسي والنص الفرعي باستخدام
-
تخصيص الصورة:
- استخدم
imageView
لتعيين الصورة الرئيسية للخلية. - يمكنك استخدام
accessoryView
لإضافة صورة إضافية على الجهة اليمنى للخلية، مثل السهم أو علامة التبويب.
- استخدم
-
تخصيص الخلفية:
- يمكنك تعيين خلفية ملونة أو صورة للخلية باستخدام
backgroundColor
أوbackgroundView
.
- يمكنك تعيين خلفية ملونة أو صورة للخلية باستخدام
-
تخصيص اختيار الخلية:
- استخدم
selectedBackgroundView
لتعيين خلفية مخصصة للخلية عند تحديدها.
- استخدم
-
تخصيص الفواصل:
- يمكنك تعيين ارتفاع الفواصل بين العناصر داخل الخلية باستخدام
contentView.layoutMargins
.
- يمكنك تعيين ارتفاع الفواصل بين العناصر داخل الخلية باستخدام
-
إضافة محتوى مخصص:
- إذا كنت بحاجة إلى محتوى مخصص داخل الخلية، يمكنك إضافته كعنصر فرعي باستخدام
contentView.addSubview
.
- إذا كنت بحاجة إلى محتوى مخصص داخل الخلية، يمكنك إضافته كعنصر فرعي باستخدام
-
تخصيص حواف الخلية:
- يمكنك تعيين التباعد بين حواف الخلية وحواف الشاشة باستخدام
separatorInset
.
- يمكنك تعيين التباعد بين حواف الخلية وحواف الشاشة باستخدام
-
تخصيص التحديد:
- يمكنك تخصيص مظهر الخلية عند تحديدها بتغيير لون النص أو الخلفية المحددة باستخدام
selectedTextColor
وselectedBackgroundColor
.
- يمكنك تخصيص مظهر الخلية عند تحديدها بتغيير لون النص أو الخلفية المحددة باستخدام
-
تخصيص الهامش:
- يمكنك تخصيص الهامش الأيسر للنصوص باستخدام
textLabel.margin
.
- يمكنك تخصيص الهامش الأيسر للنصوص باستخدام
-
تخصيص الحجم:
- يمكنك تعيين ارتفاع الخلية باستخدام
heightForRowAt
في UITableViewDelegate.
- يمكنك تعيين ارتفاع الخلية باستخدام
هذه الخطوات يمكن أن تساعدك في تخصيص UITableViewCell للحصول على المظهر المطلوب دون الحاجة إلى استخدام custom UIView
.
الوسوم
ios UITableViewCell تخصيص