C#學習系列文章之Windows窗體應用程序打開和保存圖片

2020 年 1 月 16 日
筆記

背景

緊接着上一篇文章，我已經學習了控制台的使用，以及創建不同應用的Helloworld程序，這一篇文章，我介紹Windows窗體應用程序的使用。

操作步驟

第一步，打開vs2017–》新建–》項目–》點擊確定：

然後，項目已經創建成功了，截圖如下：

其中，白色面板部分就是我們所創建的項目的初始界面，我們可以點擊運行項目，紅色框柱的部分就是我們運行出來的桌面應用的界面。

上面運行成功的是一個空白的界面，接下來，我們就要來創建我們的自己想要的界面了。

主程序的代碼

using System;  using System.Collections.Generic;  using System.Linq;  using System.Threading.Tasks;  using System.Windows.Forms;    namespace WindowsFormsApp4  {      static class Program      {          /// <summary>          /// 應用程序的主入口點。          /// </summary>          [STAThread]          static void Main()          {              Application.EnableVisualStyles();              Application.SetCompatibleTextRenderingDefault(false);              Application.Run(new Form1());          }      }  }

點擊左側的工具箱，我們可以添加我們想要的控件，可以拖動到面板上，面板上的布局需要自行設計。

工具箱有以下的類型：

公共控件
容器
菜單和工具欄
數據
組件
打印
對話框
WPF互操作性
常規

每一個工具箱里的控件比較多，可以依次使用每個控件，知道有什麼控件可用。

第二步，添加按鈕

添加了兩個按鈕，雙擊按鈕我們可以進入控件的方法體代碼部分，截圖如下：

雙擊工程目錄被控住的部分，我們就跳轉到描述控件信息的代碼：

代碼詳情如下：

namespace WindowsFormsApp4  {      partial class Form1      {          /// <summary>          /// 必需的設計器變量。          /// </summary>          private System.ComponentModel.IContainer components = null;            /// <summary>          /// 清理所有正在使用的資源。          /// </summary>          /// <param name="disposing">如果應釋放託管資源，為 true；否則為 false。</param>          protected override void Dispose(bool disposing)          {              if (disposing && (components != null))              {                  components.Dispose();              }              base.Dispose(disposing);          }            #region Windows 窗體設計器生成的代碼            /// <summary>          /// 設計器支持所需的方法 - 不要修改          /// 使用代碼編輯器修改此方法的內容。          /// </summary>          private void InitializeComponent()          {              this.button1 = new System.Windows.Forms.Button();              this.button2 = new System.Windows.Forms.Button();              this.SuspendLayout();              //              // button1              //              this.button1.Location = new System.Drawing.Point(311, 55);              this.button1.Name = "button1";              this.button1.Size = new System.Drawing.Size(109, 45);              this.button1.TabIndex = 0;              this.button1.Text = "button1";              this.button1.UseVisualStyleBackColor = true;              this.button1.Click += new System.EventHandler(this.button1_Click);              //              // button2              //              this.button2.Location = new System.Drawing.Point(311, 171);              this.button2.Name = "button2";              this.button2.Size = new System.Drawing.Size(109, 41);              this.button2.TabIndex = 1;              this.button2.Text = "button2";              this.button2.UseVisualStyleBackColor = true;              this.button2.Click += new System.EventHandler(this.button2_Click);              //              // Form1              //              this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 12F);              this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;              this.ClientSize = new System.Drawing.Size(800, 450);              this.Controls.Add(this.button2);              this.Controls.Add(this.button1);              this.Name = "Form1";              this.Text = "Form1";              this.ResumeLayout(false);            }            #endregion            private System.Windows.Forms.Button button1;          private System.Windows.Forms.Button button2;      }  }

其中，我們來看一下button1的信息設置，我們可以通過設置部分的代碼設置按鈕的基本屬性。

// button1              //              this.button1.Location = new System.Drawing.Point(311, 55);//按鈕位置信息              this.button1.Name = "button1";//按鈕名稱              this.button1.Size = new System.Drawing.Size(109, 45);//按鈕的大小              this.button1.TabIndex = 0;//按鈕的索引              this.button1.Text = "button1";//按鈕上顯示的名稱              this.button1.UseVisualStyleBackColor = true;              this.button1.Click += new System.EventHandler(this.button1_Click);

我們可以拖動窗口調整大小使得適應圖片，也可以在屬性里設置自動適應圖片大小，截圖如下。

1、Picturebox控件SizeMode屬性

（1）Normal模式：如果圖片大於Picturebox控件大小，圖片不能完全顯示。

（2）AutoSize:自動調整Picturebox控件大小去適應圖片的大小，圖片可以完全顯示。

（3）StretchImage：Picturebox控件大小不變，自動調整圖像適應控件。

完整的Windows 窗體應用程序打開和保存圖片

具體的操作步驟如下：

1. 選擇新建項目，選擇Windows 窗體應用，並命名為showPicture。

2.從工具箱中拖動兩個Button和一個PictureBox到面板上，並調整位置對齊為如下的設計：

3.拖動調整大小

4. 設計按鈕

首先，右鍵單擊按鈕，然後選擇屬性，然後在右下角屬性框設置名稱為打開圖片；同理，button2設置名稱為保存圖片。

然後,修改PictureBox的背景色

最後，修改結果如下

5. 添加代碼

雙擊打開圖片按鈕，添加如下代碼：

    OpenFileDialog file = new OpenFileDialog();              file.InitialDirectory = ".";              file.Filter = "所有文件(*.*)|*.*";              file.ShowDialog();              if (file.FileName != string.Empty)              {                  try                  {                      pathname = file.FileName;   //獲得文件的絕對路徑                      this.pictureBox1.Load(pathname);                  }                  catch (Exception ex)                  {                      MessageBox.Show(ex.Message);                  }                }

雙擊保存圖片按鈕，跳轉到按鈕調用的代碼，添加紅框部分的代碼：

SaveFileDialog save = new SaveFileDialog();              save.ShowDialog();              if(save.FileName!=string.Empty)              {                  pictureBox1.Image.Save(save.FileName);              }

完整的Form1的代碼如下：

using System;  using System.Collections.Generic;  using System.ComponentModel;  using System.Data;  using System.Drawing;  using System.Linq;  using System.Text;  using System.Threading.Tasks;  using System.Windows.Forms;    namespace showPicture  {      public partial class Form1 : Form      {          public Form1()          {              InitializeComponent();          }            private string pathname = string.Empty;     		//定義路徑名變量          private void button1_Click(object sender, EventArgs e)          {              OpenFileDialog file = new OpenFileDialog();              file.InitialDirectory = ".";              file.Filter = "所有文件(*.*)|*.*";              file.ShowDialog();              if (file.FileName != string.Empty)              {                  try                  {                      pathname = file.FileName;   //獲得文件的絕對路徑                      this.pictureBox1.Load(pathname);                  }                  catch (Exception ex)                  {                      MessageBox.Show(ex.Message);                  }                }          }            private void button2_Click(object sender, EventArgs e)          {              SaveFileDialog save = new SaveFileDialog();              save.ShowDialog();              if(save.FileName!=string.Empty)              {                  pictureBox1.Image.Save(save.FileName);              }          }      }  }

然後，點擊啟動