[C#]利用FlowLayoutPanel控制項合併大量圖片

2009-07-31

28567
0
C#
2009-09-13

利用FlowLayoutPanel控制項合併大量圖片

Introduction

這幾天看到論壇有人問到合併圖片的作法，直覺的想到了以前看過的歐大文章。人老了記憶不好就回去翻了一下順便復習。突然就蹦出了用FlowLayoutPanel控制項來實作的想法，順手做了個實驗並記錄一下。

使用FlowLayouyPanel控制項來合併大量圖片，純粹好玩、寫起來方便快速，可是可能會造成使用物件過多、記憶體用量過高等情況，效能方面也未做過比較，若要使用請自行評估仔細。

實作步驟

用FlowLayoutPanel控制項來合併大量圖片，基本上大概可分為下列幾步驟：

放入FlowLayoutPanel到表單，設定AutoSize屬性為True
載入圖片時把圖片載入到PictureBox，設定Margin=new Padding(0)、SizeMode=AutoSize，並把PictureBox放入FlowLayoutPanel
利用DrawToBitmap截取FlowLayoutPanel的畫面

完整程式範例


using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace WindowsFormsApplication5
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, EventArgs e)
        {
            if (openFileDialog1.ShowDialog() == DialogResult.OK )
            {
                listBox1.Items.Clear();
                listBox1.Items.AddRange(openFileDialog1.FileNames);
            }
        }

        private void button2_Click(object sender, EventArgs e)
        {
            flowLayoutPanel1.Controls.Clear();
            foreach(string file in listBox1.Items){
                flowLayoutPanel1.Controls.Add(new PictureBox() { Image = new Bitmap(file), SizeMode = PictureBoxSizeMode.AutoSize, Margin=new Padding(0)});
            }
        }

        private void button3_Click(object sender, EventArgs e)
        {
            if (saveFileDialog1.ShowDialog() == DialogResult.OK)
            {
                Bitmap b = new Bitmap(flowLayoutPanel1.Width, flowLayoutPanel1.Height);
                flowLayoutPanel1.DrawToBitmap(b, flowLayoutPanel1.ClientRectangle);
                b.Save(saveFileDialog1.FileName );
            }
        }
    }
}