วิธีใส่รูปหัวท้ายบน UIButton (Swift)
สวัสดีครับผมนาย หริกานต์ กางบิด เป็น iOS Developer ชั้นผู้น้อย(น้อยทางความรู้) นี้เป็นการเขียนบล็อกแรกของผม เหตุเริ่มจากพี่ๆที่เคยฝึกงานด้วยเขียนบล็อกกันอย่างบ้าคลั่ง เขียนแบบวันๆไม่ทำงานกันหรอ ก็เลยได้แรงบันดาลใจอยากเขียนบ้างเอาความรู้ที่มีน้อยเหลือเกินมาแชร์ให้กับเหล่า iOS Dev ทั้งหลาย (เฉพาะ Swift นะครับ react, crossplatform เชิญทางหนีไฟ แต่ถ้าเธอมีใจให้มาทางเรา 555555555 )
วันนี้จะมาแชร์วิธีการใส่รูปฝั่งซ้ายและฝั่งขวาบน UIButton ครับ

อันดับแรก Create Project เด้อจ้า


ต่อมาสร้างไฟล์ Swift เพื่อเอาไว้ Custom Button ที่เราจะสร้างเด้อจ้า



มาเริ่มส่วนที่ Code กันเลยแมกนั่มมมม (จะใส่ Code เป็นรูปเพื่อรณรงค์ไม่ให้ Dev Copy and Patse นะครับ แต่ผมก็อปวางบ่อยมากอย่าไปบอกใครนะ อิอิ)








addConstraint imageLeft
- กำหนด leftAnchor (ด้านซ้าย) ของ imageLeft โดย
ค่า equalT0 เป็น leftAnchor , ค่า constant เป็น margin ที่กำหนดไว้
- กำหนด rightAnchor (ด้านขวา) ของ imageLeft โดย
ค่า equalT0 เป็น titleLabel!.leftAnchor , ค่า constant เป็น -margin
- กำหนด topAnchor (ด้านบน) ของ imageLeft โดย
ค่า equalT0 เป็น topAnchor , ค่า constant เป็น margin
- กำหนด bottomAnchor ของ imageLeft โดย
ค่า equalT0 เป็น bottomAnchor , ค่า constant เป็น -margin
- กำหนด heightAnchor (ความสูง) ของ imageLeft โดย
ค่า equalT0Constant เป็น size ที่กำหนดไว้
- กำหนด widthAnchor (ความกว้าง) ของ imageLeft โดย
ค่า equalT0Constant เป็น size

addConstraint titleLabel
- กำหนด rightAnchor (ด้านขวา) ของ titleLabel โดย
ค่า equalT0 เป็น imageRight.leftAnchor , ค่า constant เป็น -margin
- กำหนด topAnchor (ด้านบน) ของ titleLabel โดย
ค่า equalT0 เป็น topAnchor , ค่า constant เป็น 0 (ศูนย์)
- กำหนด bottomAnchor ของ titleLabel โดย
ค่า equalT0 เป็น bottomAnchor , ค่า constant เป็น 0 (ศูนย์)

addConstraint imageRight
- กำหนด rightAnchor (ด้านขวา) ของ imageRight โดย
ค่า equalT0 เป็น rightAnchor , ค่า constant เป็น -margin
- กำหนด topAnchor (ด้านบน) ของ imageRight โดย
ค่า equalT0 เป็น topAnchor , ค่า constant เป็น margin
- กำหนด bottomAnchor ของ imageRight โดย
ค่า equalT0 เป็น bottomAnchor , ค่า constant เป็น -margin
- กำหนด heightAnchor (ความสูง) ของ imageRight โดย
ค่า equalT0Constant เป็น size ที่กำหนดไว้
- กำหนด widthAnchor (ความกว้าง) ของ imageRight โดย
ค่า equalT0Constant เป็น size
สร้าง UIButton จาก Storyboard









ก็ประมาณนี้ครับอาจยาวและยืดเยื้อไปหน่อยแต่หวังว่าคงเป็นประโยชน์แก่ผู้อ่านไม่มากก็น้อยขอบคุณครับ (ทำไมประโยคปิดมันคุ้นๆกับการเขียนรายงานตอนประถม)
ตัวอย่าง Project https://github.com/HarikanKangbid/DemoButtonView.git