طريقة عمل عناصر منحنية الاطراف والدائرية في سويفت swift

السلام عليكم ورحمة الله وبركاته  

اخواني بشرح طريقة مختصرة طريقة عمل العناصر منحيه الاطراف او بشكل دائري في اكس كود Xcode  في لغة برمجة سويفت 

الطريقة بتكون أستخدم الكود وبدون استخدم الكود 

ملاحظة مهمه يفضل عدم استخدمها بكثرة بدون استخدم كود حتى لا تثقل برنامج Xcode 

وطريقة تنفع على كثير من عناصر مثل image , boutton , view وغيرها من عناصر 

الطريقة الاولي بدون استخدم الكود - الاطراف منحنية 

اولاً نضيف عنصر مثل صورة مرفقة  : 

وبعد ذلك نذهب الي 'Key Path' مثل صورة مرفقة ونلصق نص التالي

layer.cornerRadius

القيمة تكون من نوع ارقام - Number

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

اذا كان حجم Button  100  يجب ان يكون layer.cornerRadius = 50  نص القطر 

طريقة الثانية منحني الاطراف ودائري من خلال الكود :

اولاً  نسحب العنصر كا Outlet  في كود مثل صورة

 

بعد نلصق الكود التالي :

        bot.layer.cornerRadius = 8

bot اسم العنصر 
8 قيمة مرادة حسب الاختيار

الشكل الدايري بيكون من داخل الكود افضل 

نعمل نفس خطوات السابقة نسحب عنصر كا Outlet ونلصق كود التالي ونغير اسم العنصر الي اسم العنصر الـذي تم أنشاءه.  botcircular

        botcircular.layer.cornerRadius = botcircular.frame.width/2

طريقة عملها في صورة مرفقة مع كود :

 

 

الكود بالكامل مستخدم 

class ViewController: UIViewController {

    @IBOutlet var botcircular: UIButton!
    
    @IBOutlet var bot: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()

    
        bot.layer.cornerRadius = 8
        
        botcircular.layer.cornerRadius = botcircular.frame.width/2
    }
}

 الأفضل استخدمك  من خلال الكود يسرع الذكرة وبرنامج Xcode

في الكود مرفق  يعطيك تحكم افضل للعناصر view , button  لكن يجب ربطها بالعناصر وافضل تكون في ملف وحدها يعطي ضل للعناصر منحنية ودائرية وتحكم فيها مثل قبل  :

class DesignableView: UIView {
    
    @IBInspectable var shadowColor: UIColor = UIColor.clear {
        didSet{
            layer.shadowColor = shadowColor.cgColor
        }
    }
    
    @IBInspectable var shadowRadius: CGFloat = 0 {
        
        didSet {
            layer.shadowRadius = shadowRadius
        }
    }
    
    @IBInspectable var shadowOpacity: CGFloat = 0 {
        didSet{
        layer.shadowOpacity = Float(shadowOpacity)
            
        }
    }
    
    @IBInspectable var shadowOffsety: CGFloat = 0 {
        didSet {
            layer.shadowOffset.height = shadowOffsety
        }
    }
}

رابط الكود ب view

تحكم فيها :

نتيجة كود سابق :

اتمني وصلت فكرة بسيطة بشكل سهل في حاله كان هناك اي خطا او ملاحظة  اكتبوها بالتعليقات 

تحياتي : محمد صالح

نتيجة :)

كلمات دليلية: cornerradius ios swoft سويفت