1.User Interface Components

1. Button ปุ่ม

    
   ปุ่มที่มีความสามารถในการตรวจจับการคลิก หลายลักษณะของลักษณะที่ปรากฏสามารถเปลี่ยนแปลงได้เช่นกันไม่ว่าจะเป็นคลิกได้ (เปิดใช้งาน) สามารถเปลี่ยนแปลงได้ใน Designer หรือใน Blocks Editor

property คุณสมบัติ

Background color
    แสดงสีพื้นหลังของปุ่ม
Enabled
    ถ้าตั้งผู้ใช้สามารถแตะที่ช่องทำเครื่องหมายเพื่อทำให้เกิดการกระทำ
FontBold
    หากตั้งค่าข้อความปุ่มจะปรากฏเป็นตัวหนา
FontItalic
    หากตั้งค่าข้อความปุ่มจะปรากฏเป็นตัวเอียง
Text Size
    ขนาดจุดสำหรับข้อความปุ่ม
FontTypeface (ผู้ออกแบบเท่านั้น)
    แบบอักษรสำหรับข้อความของปุ่ม
height
    ความสูงของปุ่ม (y-size)
Image
    ภาพที่จะแสดงบนปุ่ม
Shape (designer only)
    ระบุรูปร่างของปุ่ม (ค่าเริ่มต้นกลมสี่เหลี่ยมรูปวงรี) รูปร่างจะไม่ปรากฏหากมีการแสดงภาพ
ShowFeedback
    ระบุว่าควรแสดงความคิดเห็นภาพสำหรับปุ่มที่เป็นภาพเป็นพื้นหลังหรือไม่
message
    ข้อความที่จะแสดงบนปุ่ม
TextAlignment (ผู้ออกแบบเท่านั้น)
    ซ้ายกลางหรือด้านขวา
Textcolor
    สีสำหรับข้อความของปุ่ม
Visible
    ระบุว่าจะให้คอมโพเนนต์ปรากฏบนหน้าจอหรือไม่ ค่าเป็นจริงถ้าคอมโพเนนต์แสดงและเท็จถ้าซ่อนไว้
width
    ความกว้างของปุ่ม (x-size)

Event เหตุการณ์ที่เกิดขึ้น

Click()
    ผู้ใช้เคาะและปล่อยปุ่ม
GotFocus ()
    บ่งชี้ว่าเคอร์เซอร์เลื่อนไปเหนือปุ่มเพื่อให้สามารถคลิกได้
LongClick ()
    ผู้ใช้กดปุ่มลง
LostFocus ()
    บ่งบอกว่าเคอร์เซอร์เลื่อนออกไปจากปุ่มเพื่อไม่ให้คลิกที่นี่อีกต่อไป
TouchDown ()
    แสดงว่าปุ่มถูกกดลง

TouchUp()

    บ่งบอกว่าได้มีการเปิดตัวปุ่มแล้ว 

2.Check box กล่องกาเครื่องหมาย 

     คอมโพเนนต์ในกล่องกาเครื่องหมายสามารถตรวจจับก๊อกของผู้ใช้และสามารถเปลี่ยนสถานะแบบบูลได้ในการตอบสนอง

     คอมโพเนนต์ของกล่องกาเครื่องหมายจะเพิ่มเหตุการณ์เมื่อผู้ใช้แตะ มีคุณสมบัติมากมายที่มีผลต่อลักษณะที่ปรากฏในชุดออกแบบหรือบล็อก
 

property คุณสมบัติ

Background color
     สีสำหรับพื้นหลังของกล่องกาเครื่องหมาย
Checked
     จริงถ้ากล่องมีการตรวจสอบมิฉะนั้นเป็นเท็จ
Enabled
     ถ้าตั้งผู้ใช้สามารถแตะที่ช่องทำเครื่องหมายเพื่อทำให้เกิดการกระทำ
height
     ความสูงของช่องทำเครื่องหมาย (y-size)
width
     ความกว้างของช่องทำเครื่องหมาย (x-size)
message
     ข้อความที่จะแสดงในช่องทำเครื่องหมาย
Textcolor
     สีสำหรับข้อความในกล่องกาเครื่องหมาย
Visible
     หากตั้งค่าไว้กล่องกาเครื่องหมายจะปรากฏขึ้น


event that happens เหตุการณ์ที่เกิดขึ้น

Click()
     ผู้ใช้เคาะและปล่อยกล่องกาเครื่องหมาย
GotFocus ()
     กล่องกาเครื่องหมายกลายเป็นองค์ประกอบที่เน้น
LostFocus ()
     กล่องกาเครื่องหมายถูกหยุดเป็นส่วนที่เน้น


3.DatePicker เลือกวันที่     

    ปุ่มที่เมื่อคลิกแล้วจะเปิดหน้าต่างโต้ตอบป๊อปอัปเพื่อให้ผู้ใช้สามารถเลือกวันที่ได้คุณสมบัติBackgroundColor
    
แสดงสีพื้นหลังของปุ่มDay
    
วันของเดือนที่เลือกครั้งสุดท้ายโดยใช้ DatePicker
Enabled
     ถ้าตั้งผู้ใช้สามารถแตะที่ช่องทำเครื่องหมายเพื่อทำให้เกิดการกระทำFontBold
    
หากตั้งค่าข้อความปุ่มจะปรากฏเป็นตัวหนาFontItalic
    
หากตั้งค่าข้อความปุ่มจะปรากฏเป็นตัวเอียงFontSize
    
ขนาดจุดสำหรับข้อความปุ่มFontTypeface (ผู้ออกแบบเท่านั้น)
    
แบบอักษรสำหรับข้อความของปุ่มHeight

   
Image
    
ภาพที่จะแสดงบนปุ่มInstant
    
ค้นหาทันใจ Instant นี้สามารถใช้กับส่วนประกอบของนาฬิกาสำหรับเอกสารวันที่แปลงและการบวชเดือน
    
จำนวนเดือนที่ได้รับล่าสุดโดยใช้ DatePicker โปรดทราบว่าเดือนเริ่มต้นใน 1 = มกราคม 12 = ธันวาคมMonthInText
    
ส่งคืนชื่อของเดือนที่ได้รับล่าสุดโดยใช้ DatePicker ในรูปแบบข้อความShape (designer only)
    
ระบุรูปร่างของปุ่ม (ค่าเริ่มต้นกลมสี่เหลี่ยมรูปวงรี) รูปร่างจะไม่ปรากฏหากมีการแสดงภาพShowFeedback
    
ระบุว่าควรแสดงความคิดเห็นภาพสำหรับปุ่มที่เป็นภาพเป็นพื้นหลังหรือไม่Text
    
ข้อความที่จะแสดงบนปุ่มTextAlignment (ผู้ออกแบบเท่านั้น)
    
ซ้ายกลางหรือด้านขวาTextcolor
    
สีสำหรับข้อความของปุ่มVisible
    
ระบุว่าจะให้คอมโพเนนต์ปรากฏบนหน้าจอหรือไม่ ค่าเป็นจริงถ้าคอมโพเนนต์แสดงและเท็จถ้าซ่อนไว้Width

     ความกว้างของช่องทำเครื่องหมาย (x-size) 
Year
    
ปีที่เลือกครั้งสุดท้ายโดยใช้ DatePickerEvents เหตุการณ์ที่เกิดขึ้นAfterDateSet ()
    
เหตุการณ์ที่เกิดขึ้นหลังจากที่ผู้ใช้เลือกวันที่ในกล่องโต้ตอบGotFocus ()
    
บ่งชี้ว่าเคอร์เซอร์เลื่อนไปเหนือปุ่มเพื่อให้สามารถคลิกได้LostFocus ()
    
บ่งบอกว่าเคอร์เซอร์เลื่อนออกไปจากปุ่มเพื่อไม่ให้คลิกที่นี่อีกต่อไปTouchDown ()
    
แสดงว่าปุ่มถูกกดลงTouchUp()
    
บ่งบอกว่าได้มีการเปิดตัวปุ่มแล้วMethods วิธีการLaunchPicker ()
    
เปิดป๊อปอัป DatePickerSetDateToDisplay (ปีที่เป็นตัวเลขเดือนจำนวนวัน)
    
อนุญาตให้ผู้ใช้ตั้งค่าวันที่ที่จะแสดงเมื่อตัวเลือกวันที่เปิดขึ้น ค่าที่ถูกต้องสำหรับเขตข้อมูลเดือนคือ 1-12 และ 1-31 สำหรับฟิลด์วันSetDateToDisplayFromInstant(InstantInTime instant)
    
อนุญาตให้ตั้งค่าปี, เดือน, และวันที่จะแสดงเมื่อตัวเลือกวันที่เปิดขึ้น Instants ใช้ในส่วนประกอบ Clock, DatePicker และ TimePicker


4.Image ภาพ 

     คอมโพเนนต์สำหรับแสดงภาพ ภาพที่จะแสดงและลักษณะอื่น ๆ ของรูปลักษณ์ของภาพสามารถระบุได้ในตัวออกแบบหรือในตัวแก้ไขบล็อก
คุณสมบัติ

Animation
     นี่คือรูปแบบที่ จำกัด ของภาพเคลื่อนไหวที่สามารถแนบรูปแบบการเคลื่อนไหวจำนวนน้อยไปยังรูปภาพได้ การเลื่อนที่อนุญาตคือ ScrollRightSlow, ScrollRight, ScrollRightFast, ScrollLeftSlow, ScrollLeft, ScrollLeftFast และ Stop
height

Image
Visible
     ระบุว่าจะให้คอมโพเนนต์ปรากฏบนหน้าจอหรือไม่ ค่าเป็นจริงถ้าคอมโพเนนต์แสดงและเท็จถ้าซ่อนไว้
width

event that happens
ไม่มี
method
ไม่มี 


5.Label ป้ายกำกับ     
     ป้ายกำกับเป็นส่วนประกอบที่ใช้ในการแสดงข้อความ
     ป้ายชื่อจะแสดงข้อความที่ระบุโดยคุณสมบัติข้อความ คุณสมบัติอื่น ๆ ทั้งหมดซึ่งสามารถตั้งค่าได้ในตัวแก้ไขออกแบบหรือบล็อคควบคุมลักษณะและตำแหน่งของข้อความ 
PropertiesBackgroundColor
    
สีสำหรับพื้นหลังฉลากFontBold
    
หากตั้งค่าข้อความกำกับจะแสดงเป็นตัวหนาFontItalic
    
หากตั้งค่าข้อความกำกับจะแสดงเป็นตัวเอียงFontSize
    
ขนาดจุดสำหรับข้อความฉลากFontTypeface
    
ตระกูลแบบอักษรสำหรับข้อความป้ายกำกับHasMargins
    
รายงานว่าป้ายกำกับจะปรากฏขึ้นพร้อมกับระยะขอบหรือไม่ ขอบทั้งสี่ด้าน (ซ้าย, ขวา, บน, ล่าง) จะเหมือนกัน พร็อพเพอร์ตี้นี้ไม่มีผลใดในดีไซน์เนอร์โดยที่ป้ายกำกับจะแสดงพร้อมขอบเสมอHTMLFormat
    
ถ้าเป็นจริงตั้งข้อความของป้ายกำกับเป็นรูปแบบ HTML อื่นก็คือรูปแบบข้อความล้วน หมายเหตุ: HTML บางรูปแบบไม่ได้รับการสนับสนุนHeight
    
ความสูงของฉลาก (y-size)Width
    
ความกว้างของฉลาก (x-size)Text
    
ข้อความที่จะแสดงบนฉลากTextAlignment
    
ซ้ายกลางหรือด้านขวาTextcolor
    
สีสำหรับข้อความฉลากVisible
    
หากตั้งค่าป้ายกำกับจะมองเห็นได้


6.List Picker ตัวเลือกรายการ


     ปุ่มที่เมื่อคลิกแล้วจะแสดงรายการข้อความสำหรับผู้ใช้เพื่อเลือกระหว่าง สามารถกำหนดข้อความได้โดยใช้ตัวแก้ไขออกแบบหรือบล็อกโดยการตั้งค่าคุณสมบัติ ElementsFromString เป็นการต่อสายอักขระที่แยกออกจากกัน (ตัวอย่างเช่นตัวเลือกที่ 1 ทางเลือกที่ 2 ทางเลือกที่ 3) หรือโดยการตั้งค่าคุณสมบัติ Elements ให้เป็น List in the Blocks Editor     การตั้งค่าคุณสมบัติ ShowFilterBar เป็น true จะทำให้รายการสามารถค้นหาได้ คุณสมบัติอื่น ๆ มีผลต่อลักษณะที่ปรากฏของปุ่ม (TextAlignment, BackgroundColor ฯลฯ ) และไม่ว่าจะสามารถคลิกได้ (Enabled) 

PropertiesBackgroundColor
    
แสดงสีพื้นหลังของปุ่มElements
    
รายชื่อ Choices ที่จะแสดงผล (เป็นรายการ)ElementsFromString
    
รายการที่คั่นด้วยจุลภาคของตัวเลือกที่จะใช้Enabled
    
ไม่ว่าจะสามารถใช้งาน ListPicker ได้FontBold (ผู้ออกแบบเท่านั้น)
    
หากตั้งค่าตัวเลือกรายการจะปรากฏเป็นตัวหนาFontItalic (ผู้ออกแบบเท่านั้น)
    
หากตั้งค่าตัวเลือกรายการจะปรากฏเป็นตัวเอียงFontSize (ผู้ออกแบบเท่านั้น)
    
ขนาดจุดสำหรับข้อความตัวเลือกรายการFontTypeface (ผู้ออกแบบเท่านั้น)
    
ตระกูลแบบอักษรสำหรับข้อความตัวเลือกรายการHeight
    
ความสูงของกล่อง (y-size)Image
    
ระบุเส้นทางของรูปภาพของปุ่ม หากมีภาพและ BackgroundColor มีเพียงภาพเท่านั้นที่สามารถมองเห็นได้การเลือก
    
รายการที่เลือก คุณสมบัติ SelectionIndex จะเปลี่ยนไปเป็นรายการแรกใน ListPicker ด้วยค่าที่กำหนด ถ้าค่าไม่ปรากฏขึ้น SelectionIndex จะถูกตั้งค่าเป็น 0SelectionIndex
    
ดัชนีของรายการที่เลือกในปัจจุบันเริ่มต้นที่ 1 ถ้าไม่มีรายการถูกเลือกค่าจะเป็น 0 ถ้ามีการพยายามตั้งค่านี้เป็นจำนวนน้อยกว่า 1 หรือมากกว่าจำนวนรายการใน ListPicker SelectedIndex จะถูกตั้งค่าเป็น 0 และการเลือกจะถูกตั้งเป็นข้อความว่างเปล่าShape (designer only)
    
ระบุรูปร่างของปุ่ม (ค่าเริ่มต้นกลมสี่เหลี่ยมรูปวงรี) รูปร่างจะไม่ปรากฏหากมีการแสดงภาพShowFeedback
    
ระบุว่าควรแสดงความคิดเห็นภาพสำหรับปุ่มที่เป็นภาพเป็นพื้นหลังหรือไม่ShowFilterBar
    
แสดงสถานะปัจจุบันของ ShowFilterBar แสดงว่าแถบ Search Filter จะปรากฏบน ListPicker หรือไม่Text
    
ข้อความชื่อเรื่องที่จะแสดงในตัวเลือกรายการTextAlignment (ผู้ออกแบบเท่านั้น)
    
ซ้ายกลางหรือด้านขวาTextcolor
    
สีของข้อความTitle
    
ชื่อตัวเลือกที่แสดงอยู่ด้านบนสุดของรายการตัวเลือกVisible
    
ระบุว่าจะให้คอมโพเนนต์ปรากฏบนหน้าจอหรือไม่ ค่าเป็นจริงถ้าคอมโพเนนต์แสดงและเท็จถ้าซ่อนไว้Width
    
ความกว้างของกล่อง (x-size)ItemTextColor
    
สีข้อความของรายการ ListPickerItemBackgroundColor
    
สีพื้นหลังของรายการ ListPicker
Events เหตุการณ์ที่เกิดขึ้น
AfterPicking ()
    
เหตุการณ์ที่จะเกิดขึ้นหลังจากที่กิจกรรมของตัวดึงข้อมูลส่งกลับผลการค้นหาและคุณสมบัติได้รับการเติมเต็มBeforePicking ()
    
เหตุการณ์ที่จะเพิ่มขึ้นเมื่อมีการคลิกปุ่มของคอมโพเนนต์หรือรายการจะแสดงโดยใช้การเปิดบล็อก เหตุการณ์นี้เกิดขึ้นก่อนที่รายการของไอเท็มจะปรากฏขึ้นและสามารถใช้เพื่อเตรียมรายการก่อนที่จะแสดงGotFocus ()
    
บ่งชี้ว่าเคอร์เซอร์เลื่อนไปเหนือปุ่มเพื่อให้สามารถคลิกได้LostFocus ()
    
บ่งบอกว่าเคอร์เซอร์เลื่อนออกไปจากปุ่มเพื่อไม่ให้คลิกที่นี่อีกต่อไปMethodsOpen()
    
เปิดตัวเลือกราวกับว่าผู้ใช้คลิกที่ตัวเลือก


7.List View มุมมองรายการ

     นี่เป็นคอมโพเนนต์ที่สามารถมองเห็นได้ซึ่งทำให้สามารถวางองค์ประกอบของข้อความในหน้าจอของคุณเพื่อแสดงได้
คุณสามารถตั้งค่ารายการโดยใช้คุณสมบัติ ElementsFromString หรือใช้บล็อก Elements ในตัวแก้ไขบล็อค
คำเตือน: คอมโพเนนต์นี้จะทำงานได้ไม่ถูกต้องบนหน้าจอที่สามารถเลื่อนได้
คุณสมบัติ

BackgroundColor
    สีของพื้นหลัง listview
Elements
    รายการองค์ประกอบข้อความเพื่อสร้างรายการของคุณ
ElementsFromString
    สร้างรายการด้วยชุดขององค์ประกอบข้อความที่คั่นด้วยเครื่องหมายจุลภาคเช่น: ชีส, ผลไม้, เบคอน, หัวไชเท้า แต่ละคำก่อนจุลภาคจะเป็นองค์ประกอบในรายการ
Height
    กำหนดความสูงของรายการในมุมมอง
Selection
    ส่งกลับข้อความที่เลือกล่าสุดใน ListView
SelectionIndex
    ดัชนีของรายการที่เลือกในปัจจุบันเริ่มต้นที่ 1 ถ้าไม่มีรายการถูกเลือกค่าจะเป็น 0 ถ้ามีการพยายามตั้งค่านี้เป็นจำนวนน้อยกว่า 1 หรือมากกว่าจำนวนรายการใน ListView, SelectionIndex จะถูกตั้งค่าเป็น 0 และการเลือกจะถูกตั้งเป็นข้อความว่างเปล่า
ShowFilterBar
    ตั้งค่าการแสดงผลของ ShowFilterBar จริงจะแสดงแถบ False จะซ่อนไว้
Textcolor
    สีข้อความของรายการ listview
Visible
    ระบุว่าจะให้คอมโพเนนต์ปรากฏบนหน้าจอหรือไม่ ค่าเป็นจริงถ้าคอมโพเนนต์แสดงและเท็จถ้าซ่อนไว้
Width
    กำหนดความกว้างของรายการในมุมมอง

Events เหตุการณ์ที่เกิดขึ้น

AfterPicking ()
    เหตุการณ์ที่ง่ายที่จะยกขึ้นหลังจากที่ได้รับเลือกองค์ประกอบในรายการ องค์ประกอบที่เลือกมีอยู่ในคุณสมบัติการเลือก

Methods
ไม่มี


ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

การสร้างแอปพลิเคชั่นทายคำศัพท์

โปรแกรม MIT App Inventor 2