窗體的大小由窗體的Size屬性確定，這個大小包括了窗體的標題欄和邊框。而窗體中用於顯示客戶文檔的區域稱爲工作區（ClientRectangle），其大小用窗體的ClientSize 屬性表示（如圖17-20所示）。
在圖17-20中，窗體的大小爲308×234像素，其中標題欄的寬度爲30像素，邊框的寬度爲4像素，所以工作區的大小爲300×200像素。
如果我們要在300×200像素的工作區內顯示一個200×150像素的矩形和一個300×100像素的橢圓，會出現什麼情況呢？
圖17-20 在滾動窗口中繪圖 圖17-21 文檔大小超出工作區
作者：梁斌玉 摘自《叩響C#之門》，寫了將近五年時間，七月初出版出版
[email protected]
http://www.cnblogs.com/BeginnerClassroom
爲了敘述方便，我們把要顯示的文本、圖形等內容稱爲“文檔”。因爲這時文檔的總高度爲250像素，而窗口工作區的高度只有200像素，所以總有一部分無法顯示（如圖17-21所示）。如果文檔太大，工作區不能完全顯示，就需要在窗口中添加滾動條，以便查看被擋住的部分。
怎樣才能顯示滾動條呢？這可以通過設置窗體的AutoScrollMinSize屬性實現。
this.AutoScrollMinSize = new Size(300, 250);
因爲文檔的面積爲300×250像素，所以我們把AutoScrollMinSize的值設置爲300×250，一旦工作區面積小於該值，窗體就會自動顯示相應的滾動條。
請新建一個名爲“ScrollWindow”的項目，窗體大小設置爲308×234像素（除去標題欄和邊框，工作區的實際大小爲300×200像素），然後重寫OnPaint()方法。
試一試：在滾動窗口中繪圖
public partial class Form1 : Form{ //構造函數 public Form1() { InitializeComponent(); //將窗體的背景色設置爲白色 this.BackColor = Color.White; //當工作區小於300×250像素時顯示滾動條 this.AutoScrollMinSize = new Size(300, 250); } //重寫OnPaint()方法 protected override void OnPaint(PaintEventArgs e) { base.OnPaint(e); Graphics g = e.Graphics; //繪製矩形和橢圓 g.FillRectangle(Brushes.LightPink, 0, 0, 200, 150); g.FillEllipse(Brushes.LightGreen, 0, 150, 300, 100); } }
運行程序，結果如圖17-22所示，出現了滾動條。
但當我們拖動滾動條時，意想不到的事情發生了。窗體並沒有繪製橢圓的下半部分，而是又把橢圓的上半部分繪製了一遍（如圖17-23所示）。
圖17-22 出現滾動條 圖17-23拖動滾動條時又把橢圓的上半部分繪製了一遍
爲什麼會出現這種情況呢？請把窗口最小化，然後恢復，我們發現窗口中的圖像變爲初始模樣了（如圖17-24所示）。
原來當重新顯示窗體時，發生Point事件，系統調用OnPaint()方法重繪窗體，下面的代碼被再次執行。
g.FillRectangle(Brushes.LightPink, 0, 0, 200, 150);
g.FillEllipse(Brushes.LightGreen, 0, 150, 300, 100);
第一條語句要求以點（0，0）爲起點，畫一個寬200像素、高150像素的矩形；第二條語句要求以點（0，150）爲起點，畫一個寬300、高100的橢圓。
然而，Graphics對象繪製圖形時並不知道滾動條的變化情況，默認情況下它總是以“工作區左上角”爲原點繪製圖形的，即它描點時的座標總是參照“工作區左上角”的。形象地說就是，它總是把文檔的左上角和工作區的左上角對齊，然後把文檔貼在工作區上。於是圖17-22所示的圖像重新繪製了一遍，圖像變爲初始模樣。
當我們拖動滾動條時，也會觸發Paint事件，重新繪製工作區，但系統並不重新繪製整個工作區。當滾動條向下拖動50像素時，系統首先把工作區中的圖像整體向上平移50像素，這時工作區下部出現一塊大小爲300×50像素的空白（如圖17-25所示），系統只需補上這塊空白區域即可。這種按需繪製的方式可以大大提高繪圖效率。
然而這塊空白區域縱座標範圍爲150~200，在文檔中，正好是橢圓上半部分的位置，所以Graphics對象把橢圓上半部分重新繪製了一遍，結果就出現了橢圓上半部分出現兩次的情況（如圖17-24所示）。
（拖動滾動條時圖像向上平移50像素）
圖17-24 最小化窗口再恢復，圖像變爲初始模樣 圖17-25 按需繪製的方式
實際上橢圓下半部分縱座標範圍爲200~250，所以要想正確繪製出空白區域的圖形，需要把繪圖的座標原點向上平移50像素，而這一點可以通過座標的平移變換實現，如圖17-25所示。
圖17-26 座標平移
座標平移的情況如圖17-26所示，要繪製從A點開始的區域，就要把座標系原點由工作區的左上角A平移到文檔的左上角O，即始終使座標系的原點位於文檔的左上角。這種變換可以通過下面的語句實現。
g.TranslateTransform(this.AutoScrollPosition.X, this.AutoScrollPosition.Y);
屬性AutoScrollPosition表示的是滾動條的位置，滾動條移動了多少像素，座標系就要平移多少像素。需要注意的是，AutoScrollPosition.X和AutoScrollPosition.Y均爲負數，所以座標原點實際上是向左上角平移的。
試一試：根據滾動條的位置調整座標系
public partial class Form1 : Form{ //構造函數 public Form1() { InitializeComponent(); //將窗體的背景色設置爲白色 this.BackColor = Color.White; //當工作區小於300×250像素時顯示滾動條 this.AutoScrollMinSize = new Size(300, 250); } //重寫OnPaint()方法 protected override void OnPaint(PaintEventArgs e) { base.OnPaint(e); Graphics g = e.Graphics; //平移座標系 g.TranslateTransform(this.AutoScrollPosition.X, this.AutoScrollPosition.Y); //繪製矩形和橢圓 g.FillRectangle(Brushes.LightPink, 0, 0, 200, 150); g.FillEllipse(Brushes.LightGreen, 0, 150, 300, 100); } }
運行程序，結果如圖17-27所示，一切正常。
圖17-27 根據滾動條的位置調整座標系的運行結果