Kalkulator Visual Basic

Kami akan mencipta "program pertama" yang akan ditulis dalam Visual Basic (VB). Projek kami akan menjadi kalkulator asas yang akan mengajar logik dan menyediakan kod untuk kalkulator kami. Arahan kami akan ditubuhkan supaya pengguna membuat satu butang untuk penambahan dan menulis kod untuknya. Dari sini, pengguna akan dapat menambah lebih banyak (pengurangan, pembahagian, dll) ke program mereka jika dikehendaki. Tonton video untuk demonstrasi.

Pemrograman menjadi lebih penting dan bermanfaat untuk mempunyai pemahaman mengenai cara untuk kod. Arahan ini akan berfungsi untuk mengajar pemahaman asas tentang kod serta mengajar logik yang diperlukan untuk kod. Arahan kami berbeza dari yang lain di Instructables.com kerana tidak ada kalkulator yang dibuat dalam Visual Basic. Pembaca sasaran kami akan menjadi sesiapa sahaja yang ingin belajar bagaimana untuk program. Arahan akan ditubuhkan di mana seseorang yang tidak pernah diprogramkan sebelum ini dapat menyelesaikan projek itu.

Nota PENTING:

  • Arahan ini menganggap anda sudah mempunyai Visual Studio dipasang dan terbuka.
  • Antara Muka Pengguna anda (di mana toolbar diletakkan) pandangan saya berbeza dari arahan. Arahan ini tidak akan menangani cara membuat perubahan kepada Antara Muka Pengguna. Membuat Antara Muka Pengguna anda kelihatan seperti gambar yang disediakan tidak diperlukan, tetapi akan membantu.
  • Jika anda membuat kesilapan, iaitu klik dua kali pada objek secara tidak sengaja, pindah ke langkah terakhir (Penyelesaian Masalah) untuk kesilapan dan pembetulan yang sama.

Langkah 1: Mewujudkan Projek Baru dalam Visual Studio 2013

    Langkah 1: Buka Visual Studio

    Langkah 2: Pilih Projek Baru

    Langkah 3: Pilih Aplikasi Borang Windows

    Langkah 4: Namakan projek SimpleCalculator

    Langkah 5: Tetapkan lokasi simpan. Desktop disyorkan kerana ia adalah yang paling mudah untuk dicari.

    Langkah 6: Klik OK

    Langkah 7: Jika perlu, klik pada tab pandangan kemudian pilih tetingkap Toolbox, Property, dan Solutions Explorer

    Langkah 2: Reka Bentuk Antara Muka Pengguna Grafis (GUI)

    Petua Berguna:

    • Pada kotak peralatan sifat ditetapkan dalam susunan abjad. Rujuk kepada gambar Kotak Alat, lingkaran hijau.

    Langkah 1: Klik di mana-mana sahaja di borang

    Langkah 2: Di tetingkap sifat, di bawah teks, taip Kalkulator Mudah

    Langkah 3: Di dalam tetingkap sifat, di bawah permulaan bahagian StartPosition, pilih CenterScreen

    Langkah 4: Di tetingkap sifat, di bawah FormBorderStyle, pilih Fixed3D

    Langkah 5: Klik dan seret label dari Kotak Alat ke borang

    Langkah 6: Semasa label dipilih, dalam tetingkap sifat, di bawah teks Teks, taip Kalkulator Mudah. Nota: Oleh kerana label ini adalah teks utama yang menerangkan teks, anda boleh mengubah saiz dan keberanian teks di bawah sifat Font dalam tetingkap sifat tetapi tidak diperlukan untuk projek ini

    Langkah 7: Teruskan untuk melakukan ini untuk label berikut (5) dan letakkannya dengan sewajarnya. Nama mereka: Operators, Operation, Operand 1, Operand 2, and Result (Lihat gambar) Nota: Objek boleh diseret atau double klik untuk diletakkan ke GUI

    Langkah 8: Klik dan seret butang dari Kotak Alat

    Langkah 9: Letakkannya di bawah label "Operator".

    Langkah 10: Semasa butang dipilih, dalam tetingkap sifat, di bawah nama Nama, masukkan btnAdd

    Langkah 11: Kemudian di bawah harta Teks, masukkan tanda +

    Langkah 12: Klik dan seret TextBox dari ToolBox di sebelah label "Operand 1" (Lihat gambar)

    Langkah 13: Semasa TextBox dipilih, dalam tetingkap sifat, di bawah nama Nama, masukkan txtOperand1

    Langkah 14: Ulangi Langkah 12 tetapi letakkan TextBox kedua di sebelah label "Operand 2" (Lihat gambar)

    Langkah 15: Ulangi Langkah 13 tetapi nyatakannya txtOperand2

    Langkah 16: Klik dan seret label antara dua kotak teks (Lihat gambar)

    Langkah 17: Semasa label dipilih, dalam tetingkap sifat, di bawah nama Nama, masukkan lblOperator

    Langkah 18: Padamkan harta teks lblOperator supaya kosong

    Langkah 19: Di bawah 9 harta AutoSize, pilih Salah. Nota: Ini membolehkan anda mengubah saiz label pada keinginan anda

    Langkah 20: Di bawah harta BorderStyle pilih Fixed3D

    Langkah 21: Klik dan seret label lain di sebelah label "Hasil"

    Langkah 22: Ulangi Langkah 17, namakannya lblDisplay

    Langkah 23: Ulangi Langkah 18 dan Langkah 19

    Langkah 24: Klik dan seret butang dari Kotak Tool di bawah label "Keputusan" (Lihat gambar)

    Langkah 25: Semasa butang dipilih, dalam tetingkap sifat, di bawah nama Nama, masukkan btnClear

    Langkah 26: Tukar harta teks untuk butang Clear to Clear

    Langkah 27: Klik dan seret butang dari Kotak Alat di sebelah butang Clear (Lihat gambar)

    Langkah 28: Semasa butang dipilih, dalam tetingkap sifat, di bawah nama Nama, masukkan btnExit

    Langkah 29: Tukar harta teks untuk butang Clear to Exit

    Langkah 30: Masukkan kod berikut dengan mengklik dua kali pada setiap butang untuk membuka tetingkap kod:

    Langkah 3: Mengekodkan Butang Tambah

    Matlamat: Tambah ke nombor yang input pengguna ke dalam kotak teks

    Penjelasan Kod

    • Dim Variable Sebagai Double mengisytiharkan pemboleh ubah sebagai jenis data tertentu
    • Bilamana butang Tambah ditekan tanda + akan muncul dalam label antara dua kotak teks.
    • Label paparan sedang diberi pemboleh ubah Hasil yang merupakan Operand1 + Operand2.
    • The ".ToSting (" N ") adalah untuk menukar kembali kepada rentetan dari ketika kita menukarnya ke nombor menggunakan pengurutan

    Langkah 4: Mengekodkan butang yang jelas

    Matlamat: Untuk membersihkan semua kotak pada GUI dan tetapkan kursor ke kotak teks teratas (Operand 1)

    Penjelasan Kod:

    • Clear () Fungsi membersihkan kotak teks. Fungsi ini hanya boleh digunakan pada kotak teks
    • Kotak label mesti dibersihkan dengan menetapkan. Tekan teks kepada apa-apa
    • Fungsi Fokus () Menetapkan kursor ke kotak teks

    Langkah 5: Mengekod Butang Keluar

    Matlamat: Untuk keluar dari program.

    Langkah 6: Menjalankan Program

    Klik butang bermain hijau untuk menjalankan program ini (Rujuk gambar di atas)

    Nota: Semasa program dijalankan, anda boleh menguji untuk melihat apakah program anda berfungsi dengan baik.

    Klik sama ada butang keluar atau "X" merah pada program apabila selesai.

    Langkah 7: Keterangan Akhir

    Dalam projek ini, anda telah berjaya menyelesaikan bagaimana membuat kalkulator mudah dalam asas visual. Kami hanya mempunyai anda membuat butang tambahan tetapi berasa bebas untuk membuat pengendali lain pada keinginan anda. Mereka mengikuti langkah yang sama yang disebutkan di atas. Anda kini boleh menggunakan ini sebagai kalkulator untuk membuat pengiraan pada apa sahaja yang anda mahukan. Tujuan projek ini adalah untuk memaklumkan pengguna yang tidak mempunyai pengalaman pengaturcaraan cara membuat program mudah. Jika anda ingin mengetahui lebih lanjut mengenai Visual Basic, terdapat banyak maklumat dalam talian serta kelas yang mengajar Visual Basic (CNIT 175 jika anda seorang Pelajar Purdue). Terima kasih kerana meluangkan masa untuk membuat projek ini.

    Langkah 8: Penyelesaian masalah

    • Apabila anda memasukkan kod yang tidak betul, garis lurus biru akan muncul di bawah perkataan. Ini adalah ralat dan program tidak akan berjalan. Sekiranya anda melihat garisan biru di bawah kod anda, hover ke atasnya dengan tetikus anda dan ia akan memberi anda penjelasan tentang kesilapan itu. Dari sana anda boleh menyelidik kesilapan dalam talian untuk mencari maklumat lanjut.
    • Jika anda mengklik dua kali pada objek, iaitu label yang anda tidak akan kodkan, anda boleh memadamkan kod yang baru anda buat atau meninggalkannya di sana.
    • Jika anda menghadapi masalah seperti ralat atau jika anda terlupa kata kunci, sila lihat tapak bantuan Visual Basic Microsoft (//msdn.microsoft.com/en-us/library/2x7h1hfk.aspx)
    • Satu lagi rujukan yang baik untuk dipelajari adalah buku teks, Langkah ke Pemrograman dengan Visual Basic.Net, Edisi ke-4, oleh Guity Ravai dan Ibrahim M. Baggili.
    • Jika anda tidak sengaja mengklik dua kali alat semasa mengalihkannya dari kotak alat Visual Studio akan membawa anda ke tab pengekodan, dan membuat bahagian untuk pengekodan elemen yang anda klik dua kali. Adalah disyorkan untuk memadam seksyen kod ini yang tidak sengaja dibuat, kerana ia adalah kod sampah yang tidak melakukan apa-apa. Untuk kembali ke tab reka bentuk borang, cuma klik tab Form Design

    Artikel Berkaitan