วันศุกร์ที่ 15 มิถุนายน พ.ศ. 2555

Basic Xcode Programming IV : more GUI Part II

หลังจากที่เราได้เรียนรู้เกี่ยวกับการสร้าง File ใหม่การนำ File ต่างๆมาใช้งานใน Project  และวิธีการเปลี่ยน View ไปใน Part I แล้วน่ะครับ คราวนี้เรามาลองทำความรู้จักกับ User Interface ที่เราได้ทำการสร้างไว้กันครับ

สิ่งที่เราต้องการจะทำก็คือ 

  • ให้ Switching เปิด - ปิด การแสดงรูปภาพ
  • ให้ Label แสดงค่าที่ได้จาก Slider
  • ให้ Button แสดงข้อความแบบ Alert View
ลุยเลย !!!


  • สร้าง Method สำหรับให้ทำงานตามสิ่งที่เราต้องการ
  • เชื่อมต่อ Method ที่สร้างไว้กับ Object Interface
## Switching และ Slider ให้เลือก Event เป็น Value Change ครับส่วน Button เลือก Touch Up Inside เหมือนเดิมจ้า

หลังจากนั้นให้ใส่ Code ตามนี้ครับ

  • Switching เปิด - ปิด การแสดงรูปภาพ



 ## อธิบาย Code 

ใช้เงื่อนไข if - else ตรวจสอบว่า Switching มีสถานะ ON หรือ OFF หากเป็น OFF ให้ซ่อนรูปภาพใน ImageView

** setHidden เป็น Property ของ UIImageView ที่สามารถแสดงหรือซ่อนรูปที่แสดงใน ImageView นั้นๆได้ **


  • ให้ Label แสดงค่าที่ได้จาก Slider




 ## อธิบาย Code 

ประกาศตัวแปร String และกำหนดค่าให้รับค่าจำนวนจริงจาก Slider มาแปลงเป็นข้อมูล String แล้วให้ Label Score เก็บค่านั้นไว้

** ค่าที่ได้จาก Slider จะมีค่าเป็นจำนวนจริงตั้งแต่ 0 ถึง 1 **
** เนื่องจาก Label จะแสดงข้อมูลเป็น String แต่ Slider เป็นข้อมูลแบบตัวเลขจำนวนจริง ( Float ) ทำให้ต้องมีการแปลงชนิดข้อมูลก่อน โดยใช้ Method initWithFormat **


  • ให้ Button แสดงข้อความแบบ Alert View



 ## อธิบาย Code 

สร้าง User Interface AlertView แล้วทำการกำหนดค่าตามต้องการแล้วแสดง 



ทดลอง Build & Run  Project ได้เลยครับ


ขอเลื่อน Label ไปซ้ายบนนะครับ Alert มันบัง ^ ^

สำหรับบทความนี้ มีแค่นี้ครับอาจจะดูน้อย แต่ก็ต้องทำความเข้าใจอยู่พอสมควร บทความหน้าจะเป็นเรื่องของ  TableView น่ะครับ แล้วเจอกันใหม่จ้า


ไม่มีความคิดเห็น:

แสดงความคิดเห็น