Image控件的简单使用示例1

Image控件加载图片包括加载动态图片，加载静态图片两种方式。
一。加载动态图片通过生成一个BitmapImage,创建该对象后，赋给Image的Source即可。加载的形式：

示例1

1 BitmapImage myBitmapImage =new BitmapImage();
2 myBitmapImage.BeginInit();
3  //取得数据库存储的图片字段，MS-SQL的Image类型
4  Byte[] mybyte = ReadImage();
5 myBitmapImage.StreamSource =new MemoryStream(mybyte);
6 myBitmapImage.EndInit();
7 myImage.Width = myBitmapImage.Width/2;
8 myImage.Height = myBitmapImage.Height/2;
9 myImage.Source = myBitmapImage;

示例2

            //加载动态图片
            BitmapImage img = new BitmapImage();
            img.BeginInit();
            Uri imgUri = new Uri(@"K:\Picture\jpg\1.jpg",UriKind.Absolute);
            img.UriSource = imgUri;
            img.EndInit();

            imageOne.Width = img.Width / 2;
            imageOne.Height = img.Height / 2;
            imageOne.Source = img;

二.加载系统目录中已经存在的图片，

可以采用WPF中的pack://application:,,,格式来加载，比 如在系统的Resource目录下的图片，我们可以这样定义
ImgDev.Source = new BitmapImage(new Uri(pack://application:,,,/Resources/aa.jpg));

示例1：

        void ImageThree_Loaded(object sender, RoutedEventArgs e)
        {
            imgOne.Source = new BitmapImage(new Uri(@"K:\Picture\jpg\1.jpg",UriKind.Absolute));
        }

前台设置：

        <Image Name="imgOne" Opacity="0.5"
            HorizontalAlignment="Left"
               Height="208" Margin="24,22,0,0"
               VerticalAlignment="Top" Width="404"
               ScrollViewer.CanContentScroll="True"
               />

显示结果：

 

 三。可拖动图片显示

后台代码：

        public ImageFourth()
        {
            InitializeComponent();
            canvasOne.MouseMove += ImageFourth_MouseMove;
        }
        //获取文件夹下的图片
        int count = 0;
        string path = @"K:\Picture\jpg";
        bool IsMouseDown = false;
        Size spanDown = Size.Empty;
        object mouseDownControl = null;
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            if (Directory.Exists(path))
            {
                string[] files = Directory.GetFiles(path);
                foreach (string filename in files)
                {
                    count++;
                    Image img = new Image();
                    img.Source = new BitmapImage(new Uri(filename, UriKind.Absolute));
                    img.Width = 100;
                    img.Height = 60;
                    img.Margin = new Thickness(10);
                    img.Stretch = Stretch.Fill;
                    Canvas.SetLeft(img, count * 10);
                    Canvas.SetTop(img, count * 10);

                    img.MouseDown += img_MouseDown;
                    img.MouseUp += img_MouseUp;
                    canvasOne.Children.Add(img);
                }
            }
        }
        //鼠标移动
        void ImageFourth_MouseMove(object sender, MouseEventArgs e)
        {
            if (IsMouseDown)
            {
                if (e.LeftButton == MouseButtonState.Pressed)
                {
                    Point movePoint = e.GetPosition(canvasOne);

                    Image downControl = (Image)mouseDownControl;
                    Canvas.SetLeft(downControl, movePoint.X - spanDown.Width);
                    Canvas.SetTop(downControl, movePoint.Y - spanDown.Height);
                }
            }
        }
        //窗体鼠标松开
        void img_MouseUp(object sender, MouseButtonEventArgs e)
        {
            if (IsMouseDown)
            {
                IsMouseDown = false;
            }
        }
        //窗体鼠标按下事件
        void img_MouseDown(object sender, MouseButtonEventArgs e)
        {
            Image downControl = (Image)sender;
            if (downControl != null)
            {
                if (e.LeftButton == MouseButtonState.Pressed)
                {
                    Point mouseDownPoint = e.GetPosition(canvasOne);

                    spanDown = new Size();
                    spanDown.Width = mouseDownPoint.X - Canvas.GetLeft(downControl);
                    spanDown.Height = mouseDownPoint.Y - Canvas.GetTop(downControl);

                    IsMouseDown = true;
                    mouseDownControl = sender;
                }
            }
        }

前台设置：

        <ScrollViewer Name="scrllOne" Grid.Row="1" 
                      >
            <Canvas Name="canvasOne"  Margin="10"  
                    Background="LightPink"
                    >
                <!--使用Cavas滚动条没有出现作用-->
                <!--<Ellipse Width="600" Height="500" Stroke="DeepSkyBlue" StrokeThickness="2"></Ellipse>-->
            </Canvas>
            <!--使用环绕面板可以出现滚动条-->
            <!-- <WrapPanel Name="wrapOne">
               <Ellipse Width="600" Height="500" Stroke="DeepSkyBlue" StrokeThickness="2"></Ellipse>
            </WrapPanel>-->
        </ScrollViewer>

显示结果：