iOSDropDown

iOS ดรอปดาวน์

ดรอปดาวน์ด้วยการค้นหาสำหรับ iOS

เป็น Swift Library เพื่อรองรับเมนูแบบเลื่อนลงใน iOS

ชมวิดีโอได้ที่:

สนับสนุนการค้นหาและส่งคืนดัชนีที่ถูกต้อง

การปรับแต่ง

ตัวอย่าง

หากต้องการรันโปรเจ็กต์ตัวอย่าง ให้โคลน repo และรัน pod install จากไดเร็กทอรีตัวอย่างก่อน

คุณสมบัติ

1. UITextField Extension แบบธรรมดา และใช้งานง่าย เราสามารถเข้าถึงคุณสมบัติทั้งหมดของ UITextField ได้
2. การค้นหาแบบเลื่อนลงสามารถเปิดหรือปิดใช้งานได้
3. เปลี่ยนสีพื้นหลังของรายการและสีที่เลือกด้วย
4. เปลี่ยนความสูงสูงสุดของรายการและความสูงของแต่ละแถว

การติดตั้ง

ผู้จัดการแพ็คเกจ Swift

Swift Package Manager เป็นเครื่องมือสำหรับการกระจายโค้ด Swift โดยอัตโนมัติและรวมอยู่ในคอมไพเลอร์ swift

เมื่อคุณตั้งค่าแพ็คเกจ Swift แล้ว การเพิ่ม iOSDropDown เป็นการพึ่งพานั้นทำได้ง่ายพอๆ กับการเพิ่มลงในค่า dependencies ของ Package.swift ของคุณ

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

โกโก้พอดส์

ใช้โกโก้พอดส์ iOSDropDown มีให้บริการผ่าน CocoaPods หากต้องการติดตั้ง เพียงเพิ่มบรรทัดต่อไปนี้ใน Podfile ของคุณ:

1. เพิ่ม pod 'iOSDropDown' ลงใน Podfile ของคุณ
2. ติดตั้งพ็อดโดยการรัน pod install
3. เพิ่ม iOSDropDown.framework ใน Build Phases > Link Binary with Libraries
4. เพิ่ม import iOSDropDown ในไฟล์ .swift ที่คุณต้องการใช้

คาร์เธจ

ใช้คาร์เธจ.

1. สร้างชื่อไฟล์ Cartfile .
2. เพิ่มบรรทัด github "jriosdev/iOSDropDown"
3. เรียกใช้ carthage update
4. ลาก iOSDropDown.framework ที่สร้างขึ้นไปยังโปรเจ็กต์ Xcode ของคุณ

คู่มือ

เพียงโคลนและเพิ่มไฟล์ Swift ต่อไปนี้ในโครงการของคุณ:

• iOSDropDown.swfit

การใช้งานขั้นพื้นฐาน

วิธีการสตอรี่บอร์ด

เพียงเพิ่ม UITextField ให้กับ ViewCOntroller ของคุณและเชื่อมต่อ @IBOutlet - DropDown Class

 @ 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 : สีของ DropDown ค่าเริ่มต้นคือ .white
• listHeight : ความสูงสูงสุดของรายการ ค่าเริ่มต้นคือ 150
• rowHeight : ความสูงของรายการในรายการ ค่าเริ่มต้นคือ 30
• selectedIndex :สำหรับการเลือกรายการใดๆ ในรายการล่วงหน้า
• arrowSize : ขนาดของลูกศร ค่าเริ่มต้นคือ 15
• arrowColor : สีของลูกศร ค่าเริ่มต้นคือ .black
• checkMarkEnabled : เครื่องหมายถูกเปิดใช้งานสำหรับการเลือกแถว ค่าเริ่มต้นเป็น true
• textColor : คุณสามารถเปลี่ยนสีข้อความที่เลือกแบบ DropDown ได้
• semanticContentAttribute : แอตทริบิวต์ความหมายสำหรับ RTL หรือ LTR
• All Other TextField Properties are available with DropDown เช่น alignment , font , textColor , semanticContentAttribute ...etc

บันทึก :

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

ผู้เขียน

ถ้าคุณชอบโครงการของฉัน โปรดให้ STAR บน Github แก่ฉัน

ถ้าโปรเจ็กต์นี้ช่วยลดเวลาในการพัฒนาได้ ขอกาแฟสักแก้วได้ไหม :)

จิษณุ ราช ต. [email protected]

ใบอนุญาต

iOSDropDown มีให้บริการภายใต้ใบอนุญาต MIT ดูไฟล์ใบอนุญาตสำหรับข้อมูลเพิ่มเติม