الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

iOS المنسدلة

المنسدلة مع البحث عن iOS

إنها مكتبة Swift لدعم القائمة المنسدلة في iOS

شاهد الفيديو على :

دعم البحث وإرجاع الفهرس الصحيح

تخصيص

مثال

لتشغيل مشروع المثال، قم باستنساخ الريبو، ثم قم بتشغيل pod install من دليل المثال أولاً.

سمات

  1. ملحق UITextField بسيط وسهل الاستخدام، يمكننا الوصول إلى جميع خصائص UITextField
  2. يمكن تمكين أو تعطيل البحث المنسدل
  3. تغيير لون خلفية القائمة واللون المحدد أيضًا
  4. قم بتغيير الحد الأقصى لارتفاع القائمة وارتفاع كل صف

تثبيت

مدير الحزم سويفت

يعد Swift Package Manager أداة لأتمتة توزيع كود Swift وهو مدمج في المترجم swift .

بمجرد إعداد حزمة Swift الخاصة بك، فإن إضافة iOSDropDown باعتبارها تبعية تكون بنفس سهولة إضافتها إلى قيمة dependencies في Package.swift الخاص بك. 

dependencies: [
    . package ( url : " https://github.com/jriosdev/iOSDropDown.git " , . upToNextMajor ( from : " 0.4.0 " ) )
]

كاكاوبودس

استخدمي CocoaPods. iOSDropDown متاح من خلال CocoaPods. لتثبيته، ما عليك سوى إضافة السطر التالي إلى ملف Podfile الخاص بك:

  1. أضف pod 'iOSDropDown' إلى ملف Podfile الخاص بك.
  2. قم بتثبيت الكبسولة (الكبسولات) عن طريق تشغيل pod install .
  3. قم بإضافة iOSDropDown.framework في مراحل البناء > ربط الملف الثنائي بالمكتبات
  4. قم بإضافة import iOSDropDown في ملفات .swift حيث تريد استخدامه

قرطاج

استخدم قرطاج.

  1. قم بإنشاء اسم ملف Cartfile .
  2. أضف السطر github "jriosdev/iOSDropDown" .
  3. قم بتشغيل carthage update .
  4. اسحب iOSDropDown.framework المدمج إلى مشروع Xcode الخاص بك.

يدوي

ما عليك سوى استنساخ ملفات Swift التالية وإضافتها إلى مشروعك:

  • iOSDropDown.swfit

الاستخدام الأساسي

طريقة القصة المصورة

ما عليك سوى إضافة UITextField إلى ViewController الخاص بك والاتصال بـIBOutlet - فئة DropDown 

 @ IBOutlet weak var dropDown : DropDown !

// The list of array to display. Can be changed dynamically
dropDown . optionArray = [ " Option 1 " , " Option 2 " , " Option 3 " ]
//Its Id Values and its optional
dropDown . optionIds = [ 1 , 23 , 54 , 22 ] 

// Image Array its optional
dropDown . ImageArray = [ ??‍? , ? , ? ]
// The the Closure returns Selected Index and String 
dropDown . didSelect { ( selectedText , index , id ) in
self . valueLabel . text = " Selected String: ( selectedText ) n index: ( index ) "
}

أو

طريقة الكود 

 let  dropDown = DropDown ( frame : CGRect ( x : 110 , y : 140 , width : 200 , height : 30 ) ) // set frame

// The list of array to display. Can be changed dynamically
dropDown . optionArray = [ " Option 1 " , " Option 2 " , " Option 3 " ]
// Its Id Values and its optional
dropDown . optionIds = [ 1 , 23 , 54 , 22 ] 
// Image Array its optional
dropDown . ImageArray = [ ??‍? , ? , ? ]

// The the Closure returns Selected Index and String 
dropDown . didSelect { ( selectedText , index , id ) in
self . valueLabel . text = " Selected String: ( selectedText ) n index: ( index ) "
    }
}

خيارات أخرى

الإجراءات 

 dropDown . showList ( )  // To show the Drop Down Menu
 dropDown . hideList ( ) // To hide the Drop Down Menu

الإغلاق 

 listWillAppear ( ) {
  //You can Do anything when iOS DropDown willAppear 
 }

listDidAppear ( ) {
    //You can Do anything when iOS DropDown listDidAppear
}

listWillDisappear ( ) {
  //You can Do anything when iOS DropDown listWillDisappear 
}

 listDidDisappear ( ) {
  //You can Do anything when iOS DropDown listDidDisappear
}

وظيفة مرشح مخصص 

 // overridable function for filter action

   func searchFilter ( text : String , searchText : String ) -> Bool {
       // you can add custom filter fuctions as your need, like other than english ..etc
   }

تخصيص iOSDropDown؟

يمكنك تخصيص خصائص القائمة المنسدلة هذه:

  • isSearchEnabled : يمكنك تمكين أو تعطيل DropDown. القيمة الافتراضية true
  • hideOptionsWhenSelect : هذا الخيار لإخفاء القائمة عند الضغط على الخيار الأول. القيمة الافتراضية true
  • selectedRowColor : لون عنصر الصف المحدد في DropDown، القيمة الافتراضية هي .cyan
  • rowBackgroundColor : لون القائمة المنسدلة، القيمة الافتراضية هي .white
  • listHeight : الحد الأقصى لارتفاع القائمة. القيمة الافتراضية هي 150
  • rowHeight : ارتفاع القائمة في القائمة. القيمة الافتراضية هي 30
  • selectedIndex : للاختيار المسبق لأي عنصر في القائمة
  • arrowSize : حجم السهم. القيمة الافتراضية هي 15
  • arrowColor : لون السهم . القيمة الافتراضية هي .black
  • checkMarkEnabled : علامة الاختيار ممكّنة لاختيار الصف. القيمة الافتراضية true
  • textColor : يمكنك تغيير لون النص المحدد في القائمة المنسدلة
  • semanticContentAttribute : السمة الدلالية لـ RTL أو LTR
  • All Other TextField Properties are available with DropDown مثل alignment font و textColor و semanticContentAttribute ... إلخ

ملحوظة : 

 1.After Update the pod just do clean your buld folder 
      Product > Clean Build Folder .

مؤلف

إذا أعجبك مشروعي، من فضلك أعطني نجمة على Github

إذا كان هذا المشروع يساعدك على تقليل وقت التطوير، هل يمكنك تقديم فنجان من القهوة :)

جيشنو راج تي، [email protected]

رخصة

iOSDropDown متاح بموجب ترخيص MIT. راجع ملف الترخيص لمزيد من المعلومات.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل