ถ้าใครเคยทำทั้ง IOS และ Android คงจะเห็นความแตกต่างกันระหว่าง TextField กับ EditText จนอยากจะทำให้ได้แบบของ Android
มาลองทำกันเลยครับ
ผมใช้ตัวอย่างฟรีจาก API ของ amir
โหลดได้ที่นี่เลยครับ FloatingTextField
หลังจากโหลดแล้วลากไฟล์มาใส่ใน Project ได้เลย
------------------------------------------------------------------------------
มาที่ Main.storyboard
การเลือก Object เราจะใช้เป็น UIVIEW แทนการใช้ TextField เพราะ API ตัวนี้ออกแบบมาให้ใช้ UIVIEW
จะทำเท่าไหร่ก็ได้นะครับ ผมขอใช้ 2 พอ
------------------------------------------------------------------------------
ใน Custom Class ให้ใส่เป็น IMTextField หรือชื่ออื่นตามที่เราสร้างไฟล์ Swift ขึ้นมาใหม่
------------------------------------------------------------------------------
มาที่ ViewController.swift เพิ่มตามนี้เลยครับ
อย่าลืมเชื่อม Outlet กับหน้าในหน้า UI
------------------------------------------------------------------------------
Run Project ได้เลยครับ
Complete........
ลองเล่นกันได้เลยครับ จะได้ TextFIeld สวยๆ แบบ Android ได้อย่างง่ายๆ และยังสามารถปรับแต่งเพิ่มเติมได้ใน IMTextField.swift (หรือจะตั้งชื่อเองก็ได้)
Credit : Design by amir on 10/11/16. Copyright © 2016 amirs.eu. All rights reserved.
ไม่มีความคิดเห็น:
แสดงความคิดเห็น