คุณสมบัติสีและเส้นขอบใน Power Apps

ภาพรวม

กำหนดลักษณะของตัวควบคุมตามวิธีการที่ผู้ใช้โต้ตอบกับตัวควบคุม

คุณสามารถระบุสีได้หลายวิธี:

• การแจงนับ Color: ระบุชื่อสีจาก cascading style sheets เช่น ในตัวอย่างเหล่านี้:

  • Color.Red
  • Color.Indigo

• ฟังก์ชั่น ColorValue: ระบุสตริงข้อความเช่นชื่อสี cascading style sheets และสัญลักษณ์เลขฐานสิบหก (#) ดังเช่นในตัวอย่างเหล่านี้:

  • ColorValue( "AliceBlue" )
  • ColorValue( "#ff00ff" )

• ฟังก์ชั่น ColorFade: ระบุว่าสีจาขนาดไหน จากสีดำ (-100%) ถึงสีขาว (100%) ดังในตัวอย่างนี้:

  • ColorFade( Color.Red, 50% )

• ฟังก์ชั่น RGBA: ระบุองค์ประกอบสีแดง สีเขียว และสีน้ำเงินของสี ตั้งแต่ 0 ถึง 255 และระบุช่องทางอัลฟาจาก 0% (โปร่งใส) ถึง 100% (ทึบแสง) ดังตัวอย่างนี้:

  • RGBA( 255, 0, 255, 25% )

คุณสมบัติสีสามารถอ้างอิงคุณสมบัติสีอื่น ๆ ได้ ตัวอย่างเช่น Label.PressedColor อาจถูกตั้งค่าเป็นสูตร Label1.Color ซ้อนการเปลี่ยนแปลงจากคุณสมบัติหนึ่งไปอีกอันหนึ่งโดยอัตโนมัติ

ปกติ

คุณสมบัติเหล่านี้จะมีผลตามปกติเมื่อผู้ใช้ไม่โต้ตอบกับตัวควบคุม

BorderColor – สีของเส้นขอบของตัวควบคุม

• ใช้กับตัวควบคุม เพิ่มรูปภาพ, เสียง, ปุ่ม, กล้อง, การ์ด, กล่องกาเครื่องหมาย, แผนภูมิคอลัมน์, ตัวเลือกวันที่, แสดงฟอร์ม, ดรอปดาวน์, แก้ไขฟอร์ม, ส่งออก, แกลเลอรี, ข้อความ HTML, รูปภาพ, นำเข้า, ป้ายกำกับ, แผนภูมิเส้น, กล่องรายการ, ไมโครโฟน, ตัวแสดง PDF, การป้อนข้อมูลด้วยปากกา, แผนภูมิวงกลม, วิทยุ, การให้คะแนน, แถบเลื่อน, การป้อนข้อความ, ตัวจับเวลา, การสลับ และ วิดีโอ

BorderStyle – กำหนดว่าเส้นขอบของตัวควบคุมจะเป็น ทึบ ประ จุด หรือ ไม่มี

• ใช้กับตัวควบคุม เพิ่มรูปภาพ, เสียง, ปุ่ม, กล้อง, การ์ด, กล่องกาเครื่องหมาย, แผนภูมิคอลัมน์, ตัวเลือกวันที่, แสดงฟอร์ม, ดรอปดาวน์, แก้ไขฟอร์ม, ส่งออก, แกลเลอรี, ข้อความ HTML, รูปภาพ, นำเข้า, ป้ายกำกับ, แผนภูมิเส้น, กล่องรายการ, ไมโครโฟน, ตัวแสดง PDF, การป้อนข้อมูลด้วยปากกา, แผนภูมิวงกลม, วิทยุ, การให้คะแนน, แถบเลื่อน, การป้อนข้อความ, ตัวจับเวลา, การสลับ และ วิดีโอ

BorderThickness – ความหนาของเส้นขอบของตัวควบคุม

• ใช้กับตัวควบคุม เพิ่มรูปภาพ, เสียง, ปุ่ม, กล้อง, การ์ด, กล่องกาเครื่องหมาย, แผนภูมิคอลัมน์, ตัวเลือกวันที่, แสดงฟอร์ม, ดรอปดาวน์, แก้ไขฟอร์ม, ส่งออก, แกลเลอรี, ข้อความ HTML, รูปภาพ, นำเข้า, ป้ายกำกับ, แผนภูมิเส้น, กล่องรายการ, ไมโครโฟน, ตัวแสดง PDF, การป้อนข้อมูลด้วยปากกา, แผนภูมิวงกลม, วิทยุ, การให้คะแนน, แถบเลื่อน, การป้อนข้อความ, ตัวจับเวลา, การสลับ และ วิดีโอ

Color – สีของข้อความในตัวควบคุม

• นำไปใช้ได้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, แผนภูมิคอลัมน์, ตัวเลือกวันที่, ดรอปดาวน์, ส่งออก, ข้อความ HTML, นำเข้า, ป้ายกำกับ, แผนภูมิเส้น, กล่องรายการ, ไมโครโฟน, การป้อนข้อมูลด้วยปากกา, แผนภูมิวงกลม, วิทยุ, การป้อนข้อความ และ ตัวจับเวลา

Drop Shadow - เพิ่มเอฟเฟกต์เงารอบๆ ตัวควบคุม

• ใช้กับตัวควบคุม คอนเทนเนอร์แนวนอน และ คอนเทนเนอร์แนวตั้ง

Fill – สีพื้นหลังของตัวควบคุม

• Applies to เพิ่มรูปภาพ, เสียง, ปุ่ม, การ์ด, กล่องกาเครื่องหมาย, ตัวเลือกวันที่, แสดงฟอร์ม, ดรอปดาวน์, แก้ไขฟอร์ม, ส่งออก, แกลเลอรี, ข้อความ HTML, ไอคอน, รูปภาพ, นำเข้า, ป้ายกำกับ, กล่องรายการ, ไมโครโฟน, ตัวแสดง PDF, การป้อนข้อมูลด้วยปากกา, วิทยุ, การให้คะแนน, หน้าจอ, รูปร่าง, การป้อนข้อความ, ตัวจับเวลา, การสลับ และ วิดีโอ

โฟกัส

คุณสมบัติเหล่านี้จะมีผลเมื่อตัวควบคุมถูกโฟกัส

FocusedBorderColor – สีของเส้นขอบของตัวควบคุมเมื่อมีการโฟกัส

FocusedBorderThickness – ความหนาของเส้นขอบของตัวควบคุมเมื่อมีโฟกัส

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

ปิดใช้งาน

คุณสมบัติเหล่านี้จะมีผลเมื่อตัวควบคุมถูกปิดใช้งาน สามารถปิดใช้งานตัวควบคุมได้ถ้าตั้งค่าคุณสมบัติ DisplayMode เป็น ปิดใช้งาน

DisabledBorderColor – สีของเส้นขอบของตัวควบคุม ถ้าคุณสมบัติ DisplayMode ของตัวควบคุมถูกตั้งค่าเป็น ปิดใช้งาน

• ใช้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, แผนภูมิคอลัมน์, ตัวเลือกวันที่, ดรอปดาวน์, ส่งออก, ข้อความ HTML, รูปภาพ, นำเข้า, ป้ายกำกับ, แผนภูมิเส้น, กล่องรายการ, ไมโครโฟน, ตัวแสดง PDF, แผนภูมิวงกลม, วิทยุ, แถบเลื่อน, การป้อนข้อความ, ตัวจับเวลา และ การสลับ

DisabledColor – สีของข้อความในตัวควบคุม ถ้าคุณสมบัติ DisplayMode ถูกตั้งค่าเป็น ปิดใช้งาน

• นำไปใช้ได้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, ตัวเลือกวันที่, ดรอปดาวน์, ส่งออก, นำเข้า, ป้ายกำกับ, กล่องรายการ, ไมโครโฟน, วิทยุ, การป้อนข้อความ และ ตัวจับเวลา

DisabledFill– สีพื้นหลังของตัวควบคุม ถ้าคุณสมบัติ DisplayMode ถูกตั้งค่าเป็น ปิดใช้งาน

• นำไปใช้ได้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, ตัวเลือกวันที่, ดรอปดาวน์, ส่งออก, ข้อความ HTML, รูปภาพ, นำเข้า, ป้ายกำกับ, กล่องรายการ, ไมโครโฟน, วิทยุ, การป้อนข้อความ และ ตัวจับเวลา

วางเมาส์

คุณสมบัติเหล่านี้จะมีผลเมื่อผู้ใช้วางเมาส์เหนือตัวควบคุม

HoverBorderColor – สีของเส้นขอบของตัวควบคุม เมื่อผู้ใช้ค้างตัวชี้เมาส์ไว้บนตัวควบคุมนั้น

• ใช้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, แผนภูมิคอลัมน์, ดรอปดาวน์, ส่งออก, ข้อความ HTML, รูปภาพ, นำเข้า, ป้ายกำกับ, แผนภูมิเส้น, กล่องรายการ, ไมโครโฟน, ตัวแสดง PDF, แผนภูมิวงกลม, แถบเลื่อน, การป้อนข้อความ, ตัวจับเวลา และ การสลับ

HoverColor – สีของข้อความในตัวควบคุม เมื่อผู้ใช้ค้างตัวชี้เมาส์ไว้บนนั้น

• นำไปใช้ได้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, ดรอปดาวน์, ส่งออก, นำเข้า, ป้ายกำกับ, กล่องรายการ, ไมโครโฟน, วิทยุ, การป้อนข้อความ และ ตัวจับเวลา

HoverFill – สีพื้นหลังของตัวควบคุม เมื่อผู้ใช้ค้างตัวชี้เมาส์ไว้บนนั้น

• นำไปใช้ได้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, ดรอปดาวน์, ส่งออก, ไอคอน, รูปภาพ, นำเข้า, ป้ายกำกับ, กล่องรายการ, ไมโครโฟน, วิทยุ, รูปร่าง, การป้อนข้อความ และ ตัวจับเวลา

กด

คุณสมบัติเหล่านี้จะมีผลเมื่อกดปุ่มหรือตัวควบคุมรูปภาพ

PressedBorderColor – สีของเส้นขอบของตัวควบคุม เมื่อผู้ใช้แตะหรือคลิกตัวควบคุมนั้น

• ใช้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, แผนภูมิคอลัมน์, ดรอปดาวน์, ส่งออก, ไอคอน, รูปภาพ, นำเข้า, ป้ายกำกับ, แผนภูมิเส้น, กล่องรายการ, ไมโครโฟน, ตัวแสดง PDF, แผนภูมิวงกลม, รูปร่าง, แถบเลื่อน, การป้อนข้อความ, ตัวจับเวลา และ การสลับ

PressedColor – สีของข้อความ เมื่อผู้ใช้แตะหรือคลิกตัวควบคุมนั้น

• นำไปใช้ได้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, ดรอปดาวน์, ส่งออก, นำเข้า, ป้ายกำกับ, กล่องรายการ, ไมโครโฟน, วิทยุ, การป้อนข้อความ และ ตัวจับเวลา

PressedFill – สีพื้นหลังของตัวควบคุม เมื่อผู้ใช้แตะหรือคลิกตัวควบคุมนั้น

• นำไปใช้ได้กับตัวควบคุม เพิ่มรูปภาพ, ปุ่ม, กล่องกาเครื่องหมาย, ดรอปดาวน์, ส่งออก, รูปภาพ, นำเข้า, ป้ายกำกับ, กล่องรายการ, ไมโครโฟน, วิทยุ, การป้อนข้อความ และ ตัวจับเวลา

การเลือก

คุณสมบัติเหล่านี้จะมีผลเมื่อผู้ใช้เลือกรายการในตัวควบคุม

SelectionColor – สีข้อความของรายการที่เลือกในรายการ หรือสีของเครื่องมือการเลือกในตัวควบคุมปากกา

• นำไปใช้กับ ดรอปดาวน์, กล่องรายการ และ การป้อนข้อมูลด้วยปากกา

SelectionFill – สีพื้นหลังของรายการที่เลือกหรือข้อมูลในรายการหรือพื้นที่ที่เลือกของตัวควบคุมปากกา

• นำไปใช้กับตัวควบคุม ดรอปดาวน์ และ กล่องรายการ

ลำดับของสี

ตัวควบคุมสามารถอยู่ในหลายสถานะ ตัวอย่างเช่น: ถูกเน้น และถูกวางอยู่เหนือ มีการใช้สีเดียวเท่านั้น ในลำดับนี้:

1. ปิดใช้งานแล้ว
2. กด
3. โฮเวอร์
4. โฟกัส
5. ปกติ

หมายเหตุ

บอกให้เราทราบเกี่ยวกับภาษาที่คุณต้องการในคู่มือ ทำแบบสำรวจสั้นๆ (โปรดทราบว่าแบบสำรวจนี้เป็นภาษาอังกฤษ)

แบบสำรวจนี้ใช้เวลาทำประมาณเจ็ดนาที ไม่มีการเก็บข้อมูลส่วนบุคคล (คำชี้แจงสิทธิ์ส่วนบุคคล)