รูปภาพ PowerApps รวมกับปากกา กล้อง และอัปโหลดอินพุตรูปภาพ

ในบทช่วยสอนนี้ เราจะพูดถึงรูปภาพ PowerApps และองค์ประกอบสื่ออื่นๆ ที่เราสามารถเพิ่มลงในแอปของเราได้

มีรายการองค์ประกอบสื่อมากมายที่สามารถปรับปรุงประสบการณ์ของผู้ใช้ปลายทางทุกคนได้

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

สิ่งที่ยอดเยี่ยมเกี่ยวกับ PowerApps คือองค์ประกอบส่วนใหญ่ทำงานในลักษณะเดียวกัน แม้ว่าเราจะไม่กล่าวถึงองค์ประกอบอื่นๆ บางส่วนในบทช่วยสอนนี้ แต่ทุกคนก็สามารถเข้าใจวิธีใช้องค์ประกอบเหล่านี้ได้ง่าย

นอกจากนี้เอกสารประกอบ Microsoft PowerAppsยังครอบคลุมทุกสิ่งที่ควรทราบเกี่ยวกับองค์ประกอบเหล่านี้ คุณจึงสามารถเข้าไปที่เอกสารนั้นและค้นหาสิ่งที่คุณต้องการได้

สารบัญ

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

การทำงานกับรูปภาพ PowerApps

เริ่มต้นด้วยการดูว่ารูปภาพ PowerApps นั้นเกี่ยวกับอะไร

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

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

การเพิ่มรูปภาพ PowerApps จากแหล่งข้อมูล

เมื่อคุณเพิ่มองค์ประกอบรูปภาพ องค์ประกอบนั้นจะปรากฏเป็นกรอบเปล่าบนหน้าจอของคุณ ขึ้นอยู่กับคุณที่จะเติมเต็มสิ่งนี้ด้วยภาพจริง

วิธีหนึ่งในการเพิ่มรูปภาพลงในเฟรมคือการใช้แท็บสื่อบนเมนูด้านซ้าย

หากต้องการอัปโหลดรูปภาพจากไฟล์ของคุณ เพียงคลิกที่อัปโหลด

หน้าต่างจะปรากฏขึ้นเพื่อให้คุณเลือกรูปภาพจากไฟล์ของคุณ ตอนนี้ขอใช้รูปนกอินทรีนี้ก่อน

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

เนื่องจากเรามีไฟล์รูปภาพในรายการอยู่แล้ว เราจึงสามารถคลิกที่ไฟล์นั้น และรูปภาพจะปรากฏบนหน้าจอ

แต่วิธีที่ดีที่สุดคือไปที่บานหน้าต่างด้านขวาแล้วเลือกจากรายการรูปภาพ

หลังจากที่เราเลือกไฟล์จากดรอปดาวน์ ไฟล์นั้นจะเติมเฟรมโดยอัตโนมัติ

การใช้รูปภาพด้วยการป้อนข้อมูลด้วยปากกา

สิ่งที่ยอดเยี่ยมเกี่ยวกับรูปภาพ PowerApps คือสามารถทำงานร่วมกับองค์ประกอบ PowerApps อื่นๆ ได้ มาดูกันว่าองค์ประกอบภาพและการป้อนข้อมูลด้วยปากกาสามารถทำงานร่วมกันได้อย่างไร

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

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

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

มาดูกันว่าเราจะทำได้อย่างไร เมื่อมองไปที่บานหน้าต่างด้านซ้าย เราจะเห็นว่าเรากำลังทำงานกับ PenInput4

ตอนนี้เรามาเน้นองค์ประกอบรูปภาพและทำให้คุณสมบัติ Image เท่ากับ PenInput4.Image

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

การใช้รูปภาพกับอินพุตกล้อง

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

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

ในการทำเช่นนั้น เราเพียงแค่ต้องเน้นองค์ประกอบภาพและทำให้เทียบเท่ากับ Camera2.Photo

เมื่อเสร็จแล้ว องค์ประกอบภาพจะแสดงภาพที่ฟังก์ชั่นกล้องถ่าย

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

การใช้รูปภาพกับองค์ประกอบเพิ่มรูปภาพ

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

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

ดังนั้นหากเราเป็นผู้ใช้ปลายทาง เราสามารถเลือกภาพถ่ายนกอินทรีนั้น และภาพนั้นจะแสดงบนหน้าจอโดยอัตโนมัติ

ตอนนี้ เรามาทำให้องค์ประกอบรูปภาพของเราแสดงรูปภาพเดียวกันกับที่ผู้ใช้อัปโหลด เราจะไฮไลต์องค์ประกอบรูปภาพและทำให้เทียบเท่ากับ UploadedImage3.Image

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

บทนำ Power Apps: คำจำกัดความ คุณลักษณะ ฟังก์ชัน และความสำคัญ
สภาพแวดล้อม Power Apps: การตั้งค่าองค์ประกอบของแอปอย่างเหมาะสม
ฟังก์ชันและสูตร PowerApps | การแนะนำ

บทสรุป

รูปภาพ PowerApps สามารถทำให้แอปใดๆ มีส่วนร่วมมากขึ้นและใช้งานได้จริงมากขึ้นสำหรับผู้ใช้ทุกคน ไม่สำคัญว่าจุดประสงค์โดยรวมของแอปคืออะไร

มีความเป็นไปได้มากขึ้นเมื่อใช้องค์ประกอบรูปภาพกับองค์ประกอบสื่ออื่นๆ เช่นที่เราได้ศึกษาในบทช่วยสอนนี้ ช่วยให้ผู้ใช้ปลายทางใช้แอปตามที่ต้องการได้ง่ายขึ้น

สิ่งที่ดีที่สุด

เฮนรี่