วิธีสร้างแถบโหลดที่ดึงดูดสายตาใน Visual Basic

ผู้เขียน: Morris Wright
วันที่สร้าง: 2 เมษายน 2021
วันที่อัปเดต: 16 พฤษภาคม 2024
Anonim
Slider Revolution 5 tutorial: Interactive Information Slider Tutorial
วิดีโอ: Slider Revolution 5 tutorial: Interactive Information Slider Tutorial

เนื้อหา

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


คำสั่ง

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

    เพิ่มตัวควบคุมลงในแบบฟอร์ม

  1. เปิด Visual Studio และโหลดหนึ่งในโครงการ Visual Basic .NET ของคุณ เปิด "Solution Explorer" ด้วยรายการไฟล์โครงการหากยังไม่ได้เปิด

  2. ค้นหาใน "โซลูชัน Explorer" ไอคอนของแบบฟอร์มเริ่มต้นของโครงการและคลิกสองครั้ง Visual Studio จะเปิดหน้าต่างการออกแบบและแสดงแบบฟอร์ม

  3. เปิดกล่องเครื่องมือและลากตัวควบคุม "GroupBox" ไว้ข้างในเพื่อเพิ่ม กลับไปที่กล่องเครื่องมือและเพิ่มการควบคุม "ProgressBar" ในลักษณะเดียวกัน

  4. ลากตัวควบคุม "ป้ายกำกับ" ไปยังแบบฟอร์ม คลิกที่มันและลากไปบนแถบความคืบหน้าที่ได้รับการเพิ่ม วางฉลากและแถบที่ชิดขอบซ้าย

  5. กลับไปที่กล่องเครื่องมือและลากตัวควบคุมตัวจับเวลาโดยใช้เทคนิคเดียวกัน ปิดกล่องเครื่องมือ


    เพิ่มตรรกะการเขียนโปรแกรม

  1. คลิกที่ตัวจับเวลาที่คุณเพิ่มและกด "F4" เพื่อเปิดหน้าต่าง "คุณสมบัติ" คลิกไอคอน "กิจกรรม" ที่ด้านบนของหน้าต่างเพื่อแสดงรายการกิจกรรม

  2. คลิกสองครั้งที่เหตุการณ์ "ติ๊ก" Visual Studio จะเปิดหน้าต่างรหัสและแสดงรายการย่อย "Timer1_Tick" ซึ่งจะทำงานโดยมีเครื่องหมายนาฬิกา

  3. วางรหัสต่อไปนี้ลงในเนื้อหาย่อย:

    loadingBarValue + = การเพิ่มขึ้น

    ถ้า loadingBarValue> 100 แล้ว loadingBarValue = 100 Timer1.Stop () GroupBox1.Visible = สิ้นสุดเท็จถ้า

    ProgressBar1.Value = loadingBarValue

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


  4. กด "F7" เพื่อกลับไปที่มุมมองแม่แบบและดับเบิลคลิกที่แถบชื่อเรื่องของแบบฟอร์ม Visual Studio จะเปิดหน้าต่างรหัสอีกครั้งและแสดง sub "Load" ของแบบฟอร์ม วางรหัสต่อไปนี้ลงในย่อยนี้:

    loadingBarValue = 0 Timer1.Interval = เพิ่มขึ้น 200 = 1

    GroupBox1.Text = "" Label1.Text = "กำลังโหลด" Label1.BackColor = Color.Transparent Label1.ForeColor = Color.Green

    Timer1.Start ()

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

  5. ย้ายไปที่ด้านบนสุดของหน้าต่างรหัสและค้นหาการประกาศ "ระดับ" วางประโยคทั้งสองนี้ไว้ข้างใต้:

    ติ่มโหลด BarValue การเพิ่มติ่มซำ

    สิ่งนี้จะกำหนดตัวแปร "loadingBarValue" และ "increment" ตามที่อธิบายไว้ข้างต้น

  6. กด "F5" เพื่อเรียกใช้โครงการ แถบความคืบหน้าซึ่งมีลักษณะเหมือนแถบโหลดจะปรากฏขึ้น ฉลากที่มีข้อความที่สร้างขึ้นจะปรากฏขึ้นเหนือแถบ จากนั้นแถบสีเขียวแบบเคลื่อนไหวจะย้ายจากซ้ายไปขวาจนกว่าจะถึงจุดสิ้นสุดของแถบความคืบหน้า เมื่อสิ่งนี้เกิดขึ้นแถบและป้ายกำกับจะหายไป

เคล็ดลับ

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